cr narumitsuluv #2

-- FONTS --
@font-face {
font-family: Nintendo-DS-BIOS;
src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
}

@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

-- SCROLLBAR --
::-webkit-scrollbar {
width: 8px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(150deg, #a099ad 30%, #3c4c64 70%);
border-radius: 3px;
border: 1px solid #e8d1e8;
}

::-webkit-scrollbar-thumb:hover {
background: linear-gradient(150deg, #a099ad 30%, #3c4c64 70%);
}

::-webkit-scrollbar-track {
background: transparent;
border-radius: 0px;
}

-- MUSIC PLAYER CONTAINER --
width: 4.5em;
border-radius: 16px 16px 0px 0px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
right: 15px;

** MOBILE SETTINGS:
width: 5em;

-- MAIN CONTAINER --
border-radius: 20px 20px 20px 20px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

-- IMAGE --
-webkit-filter: drop-shadow(0px 0px 5px #fff);

-- CREDITS --
font-family: pixel;

-- MAIN INFO SCROLLBOX --
background: white;
border-radius: 0.5em;
height: 108px;
overflow: auto;
padding-left: 4px;
padding-right: 4px;
padding-top: 7px;
border: 1px solid #989b97;
font-family: pixel;
right: 3px;

** MOBILE SETTINGS:
height: 90px;

-- MAIN INFO SCROLLBOX HIGHLIGHT --
font-size: 1.7em;
background: linear-gradient(90deg, #d6ced7, #3c4c64, #d6ced7, #3c4c64, white, #d6ced7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px black;
padding-left: 2px;
padding-right: 2px;
letter-spacing: 1px;
line-height: 0.5em;
filter: drop-shadow(0px 0px 1px black);
font-family: kiwi;

-- VIEW MORE BUTTON --
background: radial-gradient(#fff 14%, #D1D1D1 100%);
border: 1px solid #585858;
width: 7em;
border-radius: 20px 20px 20px 20px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
font-family: pixel;
z-index: 3;
position: relative;
bottom: 7px;
right: 4.25em;

-- VIEW MORE CONTAINER --
box-shadow: inset 7px 0 7px -9px gray, inset -7px 0 7px -9px gray, inset 0 -7px 7px -9px gray;
border-radius: 0.5em 0.5em 0em 0em;
border: 1.5px solid #211d4d;
width: 227px;
z-index: 10;
position: absolute;
right: -1em;
bottom: 12em;

** MOBILE SETTINGS:
width: 170px;

-- VIEW MORE TEXT TITLE --
font-size: 1.7em;
background: linear-gradient(90deg, white, #3c4c64, white, #3c4c64, white, white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px black;
padding-left: 2px;
padding-right: 2px;
letter-spacing: -3px;
line-height: 0.5em;
filter: drop-shadow(0px 0px 1px black);
font-family: kiwi;

** MOBILE SETTINGS:
font-size: 1em;

-- X BUTTON --
box-shadow: inset 0 7px 7px -9px white, inset 7px 0 7px -9px white, inset -7px 0 7px -9px white, inset 0 -7px 7px -9px white;
border: 1.5px solid #888889;
filter: drop-shadow(0px 1px 1px white);
text-shadow: 0px 0px 3px black;

-- SCROLLBOX CONTAINER --
box-shadow: inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 0em 0em 0.5em 0.5em;
border: 1.5px solid #211d4d;
border-top: none;
width: 227px;
backdrop-filter: blur(2px);
z-index: 10;
position: absolute;
right: -1em;
top: -12em;

-- DNI/BYF SCROLLBOX --
background: white;
border-radius: 0.5em;
height: 115px;
overflow: auto;
padding-left: 4px;
padding-right: 4px;
padding-top: 7px;
border: 1px solid #989b97;
font-family: pixel;

** MOBILE SETTINGS:
height: 90px;