cr narumitsuluv - plus

haii as always all positions have been set to fit my personal devices so you may have to change them to fit your devices! if you have any questions about this pastebin / carrd you can dm me @ crrdcore or send a retrospring @ soobinzz :) and please do credit narumitsuluv if you remake!

--- CODES ---
<style>
@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

#text02 {
animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
0% {
color: #FFFFFF;
}

49% {
color: #FFFFFF;
}

60% {
color: #FFFFFF00;
}

99% {
color: #FFFFFF00;
}

100% {
color: #FFFFFF;
}
}

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
</style>

--- MAIN CONTAINER ---
border-radius: 10px;
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%);

--- CONECTING CONTAINER ---
width: 3em;
height: 3em;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
z-index: 1;

--- BOTTOM CONTAINER ---
height: 1.5em;
border-radius: 20px 20px 0 0;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px -13px 6px -10px rgb(92 92 92 / 15%), inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
z-index: 1;

--- VIO WORLD CONTAINER ---
width: 11em;
border-radius: 5px 5px 0 0;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px 14px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
position: absolute;
bottom: 21em;
left: 1em;
z-index: 1;

--- VIO WORLD TEXT ---
font-family:'kiwi';
-webkit-filter: drop-shadow(1px 0px 1px #5E5E5E);

--- YEONJUN IMG CONTAINER ---
width: 11em;
height: 10em;
border-radius: 0 0 5px 5px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
position: absolute;
bottom: 11em;
left: 1em;
z-index: 1;

--- WELCOME TEXT ---
font-family: windows;
position: absolute;
bottom: 5em;
left: 0em;

--- CREDIT TEXT ---
font-family: windows;
text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080, 0 0;
position: absolute;
bottom: 0.8em;
left: -0.1em;

--- PLAYLIST TOP CONTAINER ---
width: 11em;
border-radius: 5px 5px 0 0;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px 14px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
position: absolute;
bottom: 9em;
left: 1em;
z-index: 1;

--- PLAYLIST TEXT ---
font-family:'kiwi';
-webkit-filter: drop-shadow(1px 0px 1px #5E5E5E);

--- PLAYLIST MAIN CONTAINER ---
width: 11em;
height: 8em;
border-radius: 0 0 5px 5px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
position: absolute;
bottom: 1em;
left: 1em;
z-index: 1;

--- MUSIC EMBED CHANGES ---
left: 3em;
width: 55px;
height: 55px;

position: relative;
left: -3.6em;
width: 55px;
height: 55px;

--- HOME CONTAINER ---
width: 11em;
border-radius: 5px 5px 0 0;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px 14px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
position: absolute;
bottom: 21em;
left: 14em;
z-index: 1;

--- INFO CONTAINER ---
width: 11em;
height: 11.5em;
border-radius: 0 0 5px 5px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 30%), inset -13px 0px 6px -10px rgb(92 92 92 / 30%), inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
position: absolute;
bottom: 9.5em;
left: 14em;
z-index: 1;
overflow-y: scroll;

--- BUTTONS ---
font-family: windows;

--- INFO TEXT ---
font-family: windows;
width: 9em;
border: 1px solid #F2F2F2;
border-radius: 0 10px 10px 10px;
background: #FFCFE5;
padding: 5px;
left: 0.5em;

--- INFO TEXT BOLD ---
text-shadow: -1px 0 #808080, 0 1px #808080, 1px 0 #808080, 0 -1px #808080, 0 0;
letter-spacing: 1.5px;

--- INFO TEXT HIGHLIGHT ---
font-family: dreams;

--- BIG CIRCLE CONTAINER ---
width: 8em;
height: 8em;
border-radius: 100px;
position: absolute;
bottom: 1em;
left: 15.2em;
z-index: 1;

--- SMALL CIRCLE CONTAINER ---
width: 6em;
height: 6em;
border-radius: 100px;
position: absolute;
bottom: 1.9em;
left: 22em;
z-index: 1;

--- END ---