beomgyu ju mp (pro-standard) codes cr dollcrds

<style>
@font-face {
font-family: magazine;
src: url(https://dl.dropbox.com/s/9a122x5sim0udkw/MagazineLetterByBrntlbrnl-Regular.ttf);
}
#image01 {
background: #FE82B624;
-webkit-mask-image: url(https://i.imgur.com/1PjqQS6.png);
-webkit-mask-size: 200%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;

}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
#text01 {
animation-name: hi;
animation-duration: 2s;
animation-iteration-count: infinite;
font-family: magazine;
}

@keyframes hi {
0% {
transform: rotate(5deg);
}

50% {
transform: rotate(-5deg);
}

100% {
transform: rotate(5deg);
}
}
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}
@font-face {
font-family: kiwi;
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}
@font-face {
font-family: hibiscus;
src: url(https://dl.dropbox.com/s/7y1uc54cr7geagp/Hibiscus.ttf);
}

#image02, #image03, #image04 {
-webkit-mask-image: url(https://i.ibb.co/JjDXBPr/ED5929-CE-1-D66-4-EC4-8-F8-A-14792-D8-F2384.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
width: 100%;
height: auto;
border-radius: 15px;
-webkit-mask-position: center;
}
#container01 > .wrapper {
border-radius: 25px 25px 0px 0px;
}
#container02 > .wrapper {
overflow-y: scroll;
height: 20em;
}
#container03 > .wrapper {
border-radius: 0px 0px 25px 25px;
}
#text02, #text03, #text04 {
font-family: windows;
background: white;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 50%;
height: 10em;
overflow-y: scroll;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
-webkit-filter: drop-shadow(0px 0px 1px #424242);
}

#text02 mark {
background: linear-gradient(90deg, #72ccf5, #f0cc3f, #987ccb);
font-size: 2em;
font-family: kiwi;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px black;
}

#text03 mark {
background: linear-gradient(90deg, #72ccf5, #f0cc3f, #987ccb);
font-size: 2em;
font-family: kiwi;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px black;
}

#text04 mark {
background: linear-gradient(90deg, #72ccf5, #f0cc3f, #987ccb);
font-size: 2em;
font-family: kiwi;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px black;
}
#text04 u {
font-family: hibiscus;
text-decoration: none;
filter: drop-shadow(1px 1px 0 gray) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 1px 0 #987ccb) drop-shadow(0 -1px 0 #fff) drop-shadow(0 1px 1.5px #987ccb) drop-shadow(0 -1px 1.5px #987ccb) drop-shadow(1px -1px 1.5px #987ccb) drop-shadow(-1px -1px 1.5px #987ccb);
font-size: 2em;
color: #ffae07;

}

#text03 u {
font-family: hibiscus;
text-decoration: none;
filter: drop-shadow(1px 1px 0 gray) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 1px 0 #36a6b8) drop-shadow(0 -1px 0 #fff) drop-shadow(0 1px 1.5px #36a6b8) drop-shadow(0 -1px 1.5px #36a6b8) drop-shadow(1px -1px 1.5px #36a6b8) drop-shadow(-1px -1px 1.5px #36a6b8);
font-size: 2em;
color: #ff7161;
}
#text02 u {
font-family: hibiscus;
text-decoration: none;
filter: drop-shadow(1px 1px 0 gray) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 1px 0 #72c51e) drop-shadow(0 -1px 0 #fff) drop-shadow(0 1px 1.5px #72c51e) drop-shadow(0 -1px 1.5px #72c51e) drop-shadow(1px -1px 1.5px #72c51e) drop-shadow(-1px -1px 1.5px #72c51e);
font-size: 2em;
color: #ff63c6;

}
</style>