yeonbin crd co - standard

haiii welcome to the pastebin for yeonbin crd co! all positions in this carrd were made to fit my personal devices the best so you might have to adjust them to fit your device! for any questions about this carrd / pastebin you can dm me @ crrdcore or send me a retrospring @ soobinzz!! and as always pls credit dollbahi if you rm this carrd :3

--- CODES ---
<style>
@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);
}

#container01 >.wrapper {
width: 11em;
height: 16.5em;
border-radius: 20px 20px 50px 50px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 50%), inset -13px 0px 6px -10px rgb(92 92 92 / 50%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
-webkit-filter: drop-shadow(0px 0px 1.5px #5E5E5E);
z-index: 2;
}

#text01 {
font-family: windows;
}

#container02 >.wrapper {
width: 11em;
height: 14.6em;
border-radius: 20px 20px 50px 50px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 50%), inset -13px 0px 6px -10px rgb(92 92 92 / 50%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
-webkit-filter: drop-shadow(0px 0px 1.5px #5E5E5E);
position: absolute;
bottom: 0.9em;
left: 5.25em;
z-index: 2;
}

#icons01 {
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #E1B3C4) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #E1B3C4) drop-shadow(0 -1px 1.5px #E1B3C4) drop-shadow(1px -1px 1.5px #E1B3C4) drop-shadow(-1px -1px 1.5px #E1B3C4);
}

#container03 >.wrapper {
width: 9em;
height: 11.5em;
border-radius: 10px 10px 50px 50px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 50%), inset -13px 0px 6px -10px rgb(92 92 92 / 50%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
-webkit-filter: drop-shadow(0px 0px 1.5px #5E5E5E);
position: absolute;
bottom: 3em;
left: 6.3em;
z-index: 2;
}

#image01 {
border: 1px solid #A1A1A1;
border-radius: 15px 15px 40px 40px;
overflow: hidden;
}

#container04 >.wrapper {
width: 2.2em;
height: 3.1em;
border-radius: 13px 13px 0 0;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 10%), inset -13px 0px 6px -10px rgb(92 92 92 / 10%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 10%);
-webkit-filter: drop-shadow(0px 0px 1.5px #8A8A8A);
position: absolute;
bottom: 16em;
left: 12.7em;
z-index: 1;
}

#container05 >.wrapper {
width: 7em;
border-radius: 0 0 20px 20px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 50%), inset -13px 0px 6px -10px rgb(92 92 92 / 50%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
-webkit-filter: drop-shadow(0px 0px 1px #8A8A8A);
position: absolute;
bottom: 15em;
left: 7.4em;
z-index: 2;
}

#container06 >.wrapper {
width: 4em;
height: 1em;
border-radius: 5px 5px 0 0;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 50%), inset -13px 0px 6px -10px rgb(92 92 92 / 50%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
-webkit-filter: drop-shadow(0px 0px 1.5px #8A8A8A);
transform: rotate(11rad);
position: absolute;
bottom: 11em;
left: 3em;
z-index: 1;
}

#container07 >.wrapper {
width: 2em;
height: 2em;
border-radius: 0 0 20px 20px;
box-shadow: inset 13px 0px 6px -10px rgb(92 92 92 / 15%), inset -13px 0px 6px -10px rgb(92 92 92 / 15%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(92 92 92 / 15%);
-webkit-filter: drop-shadow(0px 0px 1.5px #5E5E5E);
transform: rotate(11rad);
position: absolute;
bottom: 12.5em;
left: 16.23em;
z-index: 1;
}

#container08 >.wrapper, #container09 >.wrapper, #container10 >.wrapper {
width: 7.4em;
height: 9.9em;
border-radius: 15px 15px 40px 40px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 20px;
position: absolute;
bottom: 4.1em;
left: 7.1em;
overflow-y: scroll;
z-index: 2;
}

#text03, #text04, #text05 {
font-family: windows;
}

#text05 mark {
font-family: dreams;
}

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>

<script>
document.getElementById("image01").onclick = function() {
var audio = document.getElementById("music");
if (audio.paused) audio.play();
else audio.pause();
}
</script>

<audio id="music" src="https://dl.dropbox.com/scl/fi/l54dxuin4s2tygjhx01mb/Ghosting.mp3?rlkey=8dto06u26ojiqzh5c9wcgw7aj&st=ap95muos&dl=0" preload="auto"></audio>

<html>
<body oncontextmenu="return false;">
</html>
<script>
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
return false;
}
}
</script>