GD Browser but Better by swuerpy

/* ==UserStyle==
@name           GD Browser but Better
@namespace      gdbrowser.com
@version        1.0.0
@description    better
@author         SwuerpY
==/UserStyle== */

@-moz-document domain("gdbrowser.com") {
@font-face {font-family: Pusab; src: url('../../assets/Pusab.ttf')}

body {
    margin: 0;
    height: 100vh;
    overflow: hidden;
	background: #000;
}

.levelBG {
    background-image: linear-gradient(#0065FD, #002E73);
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.darkBG {
    background-image: linear-gradient(#323232, #171717) !important;
}

.vaultBG {
    background-image: linear-gradient(#4B0062, #22002D) !important;
}

.purpleBG {
    background-image: linear-gradient(#6E00FD, #330074) !important;
}

img, .noSelect {
    user-select: none;
}

.noClick {
    pointer-events: none;
}

.yesClick {
    pointer-events: all;
}

.cornerPiece {
    position: sticky;
}

.center {
    text-align: center;
    max-width: 100%;
}

.fit {
    width: fit-content;
}

.supercenter {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%);
}

.smallMargin {
    margin-top: 1%;
}

.topMargin {
    margin-top: 3%;
}

.topMargin2 {
    margin-top: 4%;
}

.small {
    font-size: 7vh;
}

.smaller {
    font-size: 5vh;
    -webkit-text-stroke-width: 0.20vh;
    -webkit-text-stroke-color: black;
    text-shadow: 0.35vh 0.35vh 0vh rgba(0, 0, 0, 0.3);
}

.slightlySmaller {
    font-size: 6vh;
    -webkit-text-stroke-width: 0.25vh;
    -webkit-text-stroke-color: black;
    text-shadow: 0.35vh 0.35vh 0vh rgba(0, 0, 0, 0.3);
}

.biggerShadow {
    -webkit-text-stroke-width: 0.3vh;
    -webkit-text-stroke-color: black;
    text-shadow: 0.5vh 0.5vh 0vh rgba(0, 0, 0, 0.3);
}

.bigger {
    font-size: 3.5vh;
}

.veryBig {
    font-size: 8vh;
}

.mini {
    font-size: 3vh;
    margin-top: 0.5%;
}

.pre {
    white-space: pre;
}

.valign {
    vertical-align: middle;
}

.underline {
    text-decoration: underline;
}

.inline {
    display: inline-block;
}

.squeeze {
    margin-left: -4%;
}

.squeezeB {
    margin-left: -8%;
}

.normalCursor {
    cursor: default;
}

.help {
    cursor: help;
}

.outOfOrder, .darkDiff {
    filter: brightness(50%);
}

.darken, .youAreNotTheOne {
    filter: brightness(65%);
}

.youAreNotTheOne {
    transform: scale(0.85)
}

#everything {
    width: 100%;
    height: 100%;
}

p {
    font-family: aller, helvetica, arial;
    color: white;
    font-size: 2.9vh;
    word-break: break-word;
}

h1, h2, h3 {
    font-family: Pusab, Arial;
    font-weight: normal;
    margin: 0% 0%;
    letter-spacing: -0.01em;
    -webkit-text-size-adjust: 100%;
    -webkit-text-stroke-color: black;
}

h1 {
    color: white;
    font-size: 6vh;
    line-height: 100%;
    white-space: nowrap;
    -webkit-text-stroke-width: 0.25vh;
    text-shadow: 0.375vh 0.375vh 0vh rgba(0, 0, 0, 0.3);
}

h2 {
    font-size: 8vh;
    -webkit-text-stroke-width: 0.265vh;
    background: -webkit-linear-gradient(#FDA00C, #FFE348);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-filter: drop-shadow(0.25vh 0.25vh rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0.25vh 0.25vh rgba(0, 0, 0, 0.25));
    text-shadow: none !important;
}

h3, input[type=text], input[type=password], input[type=number], .h3Size {
    font-size: 3.5vh;
    color: white;
    -webkit-text-stroke-width: 0.22vh;
    -webkit-text-stroke-color: black;
    text-shadow: 0.2vh 0.2vh 0.02vh rgba(0, 0, 0, 0.3);
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-text-stroke-width: inherit;
    -webkit-text-stroke-color: inherit;
    text-shadow: inherit;
}

hr {
    border: none;
    height: 0.3%;
    margin: 1.5% 0%;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgba(255, 255, 255, 0.5)), to(rgba(0, 0, 0, 0)));
}

input[type=text], input[type=password], input[type=number] {
    padding-left: 1.2%;
    border-radius: 1vh;
    height: 80%;
    margin-top: 1%;
    width: 65%;
    font-size: 5vh;
    font-family: Pusab, Arial;
}

input[type=checkbox], .changeDaWorld {
    display: none;
}

textarea {
    resize: none;
    font-family: aller, helvetica, arial;
    padding: 2% 1%;
    border-radius: 1vh;
    height: 18.5vh;
    margin-top: 1%;
    width: 90%;
    font-size: 3vh;
    color: white;
    text-align: center;
    word-break: break-word;
    white-space: initial !important;
}

textarea::-webkit-scrollbar {
    height: 8%;
    width: 1.5vh;
    background: #6d3c24;
}
  
textarea::-webkit-scrollbar-thumb {
    background: rgb(83, 47, 28);
    overflow: hidden;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    box-shadow: 0 0 0px 1000px #764F1A inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #764F1A inset !important;
    -webkit-text-fill-color: white !important;
}

.gdcheckbox {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../assets/check-off.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 20%;
    height: 10%;
}

input[type=checkbox]:checked + label.gdcheckbox {
    background-image: url(../../assets/check-on.png);
}

::placeholder {
    color: #6F98D8;
    font-size: 4vh;
}

textarea::placeholder {
    color: lightgray;
    font-size: 3vh;
}

#listLevels::placeholder {
    color: rgba(211, 211, 211, 0.5);
    font-size: 2.5vh;
}

input:focus, textarea:focus {
    outline: none;
}

.copied {
    border: 0 solid transparent;
    border-radius: 10px;
    padding: 0.5% 0;
    background-color: rgba(0, 0, 0, 0.6);
}

#iconsDiv img {
    height: 9%;
    margin: 1% 1%;
    vertical-align: middle;
}

.transparentBox, input[type=text], input[type=password], input[type=number], textarea {
    border: 0 solid transparent;
    border-radius: 2vh;
    background-color: rgba(0, 0, 0, 0.4);
    white-space: nowrap;
}

#pageSelect {
    height: 25%;
    font-size: 5.5vh;
    width: 18vh;
    margin: 8% 0% 8% 0%;
    text-align: center;
    padding-left: 0;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.lightBox {
    border: 0.2vh solid #803E1E;
    border-radius: 2vh;
    background-color: #BE6F3F;
    white-space: nowrap;
}

.brownBox {
    border-width: 2.5vh;
    border-style: solid;
    border-radius: 3vh;
    background-color: #995533;
    border-image: url('../../assets/brownbox.png') 10% round;
}

.blueBox {
    border-width: 2.5vh;
    border-style: solid;
    border-radius: 3vh;
    background-color: #334499;
    border-image: url('../../assets/bluebox.png') 10% round;
}

.fancybox {
    width: 69vh;
    padding: 1vh 3vh;
    border-width: 3.5vh;
    border-style: solid;
    border-radius: 3vh;
    background-color: #001931;
    border-image: url('../../assets/fancybox.png') 10% stretch;
    border-image-slice: 65;
}

.bounce {
    animation: boxAnimator 0.45s;
}

.epicbox {

    border-width: 3.5vh;
    border-style: solid;
    border-image: url('../../assets/epicbox.png') 20% stretch;
    border-image-slice: 85 77;
    border-image-width: 9.5vh;
}

.leaderboardBox {

    border-width: 3.5vh;
    border-style: solid;
    border-image: url('../../assets/leaderboardbox.png') 20% stretch;
    border-image-slice: 85 77;
    border-image-width: 9.5vh;
}

.levelButtons img {
    height: 16%;
}

.spaced {
    margin-bottom: 2%;
}

.lessSpaced {
    margin-bottom: 1%;
}

.sideSpace {
    margin-left: 2%;
}

.sideSpaceB {
    margin-left: 4%;
}

.sideSpaceC {
    margin-left: 1%;
}

.sideSpaceD {
    margin-right: 25%;
}

.rightSpace {
    margin-right: 2%;
}

.diffDiv {
    display: inline-block;
    width: 10%;
    margin-left: 0.8%;
    margin-right: 0.8%;
    filter: brightness(50%);
    text-align: center;
}

.diffDiv img {
    width: 75%;
}

.demonDiff {
    margin-left: 1.93%;
    margin-right: 1.93%;
    text-align: center;
}

.demonDiff .smallTextWoo {
    margin-top: 3.5%;
    font-size: 2.7vh;
}

.lengthDiv {
    display: inline-block;
    margin-left: 2vh;
    margin-right: 2vh;
    filter: brightness(50%);
}

.lengthDiv h3 {
    font-size: 4vh;
}

.selectedFilter {
    filter: brightness(100%);
}

#filterStuff div {
    text-align: left;
    display: inline-block;
    width: 30%;
}

#filterStuff div h1, .smallerer {
    font-size: 4vh;
    -webkit-text-stroke-width: 0.18vh;
    -webkit-text-stroke-color: black;
    text-shadow: 0.3vh 0.3vh 0vh rgba(0, 0, 0, 0.3);}

.sideButton {
    margin-bottom: 30%;
    height: 11%
}

.msgAuthor:hover {
    transform: scale(1.03);
}

.gdButton {
    cursor: pointer;
    z-index: 1;
    user-select: none;
    pointer-events: all;
    transition-duration: 0.07s;
    transition-timing-function: ease-in-out;
}

.gdButton:active, .gdButton:focus-visible, a:focus-visible .gdButton {
    animation: bounceButton 0.3s ease-in-out forwards;
}

.likeButton {
    height: 14vh;
    margin: 2% 1.2% 2% 1.2%;
}

.iconRope {
    cursor: pointer;
    z-index: 1;
    user-select: none;
    transition-duration: 0.14s;
    transition-timing-function: ease-in-out;
}

.iconRope:active {
    transform: translateY(10%)
}

.socialButton {
    width: 100%;
    margin-bottom: 15%;
}

.menuButtonList td {
    padding: 1.2vh...