hoyeon ju mp codes

<!-- ive compiled all of the codes needed for hoyeon jump in this pastebin just to make it less cluttered, make sure to fill in the hex codes but other than that everything is set to be added straight into embeds -->

---- name embed ----
<style>
@font-face {
font-family: billo;
src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
}

#pop {
z-index: 100;
position: relative;
top: 140px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-family: billo;
font-size: 2.6em;
color: #color;
-webkit-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

</style>

<div id="pop">name <font color="#000">or</font>
name!</div>

---- menu embed ----
<style>
@font-face {
font-family: kitten;
src: url(https://dl.dropbox.com/s/gluaq7dfui5acoa/KittenSlantTrial.ttf);
}
#hov a {
background-color: #fff;
border-top: 1px solid #color ;
border-left: 1px solid #color ;
border-right: 1px solid #color ;
border-bottom-style: hidden;
border-radius: 5px 5px 0px 0px;
padding: 3px 13.5px;
color: #color;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-family: kitten;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 25px;
margin: 1px 2px;
}

</style>
<div id="hov">
<a href="#home">index</a>
<a href="#one">about</a>
<a href="#two">rules</a>
<a href="#three">loves</a>
</h4>
</style>

---- description text embed ----
<style>
@font-face {
font-family: lovely;
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}
#text01 {
z-index: 100;
position: relative;
top: 130px;
font-family: lovely;
font-size: 1.625em;
line-height: 1.5;
color: white;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;

}
</style>

---- container border embed ----
<style>
#container01, #container02, #container03, #container04 {
border-width:7px;
border-style:solid;
border-image: url("https://i.imgur.com/ROjUrNz.gif") 7 fill round;
background: #fff;
}
</style>

---- scrollbox embed ----
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gamja+Flower&family=Mali&display=swap" rel="stylesheet">

<style>
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}

#scroll01 {
height: 170px;
width: 100%;
padding: 10px;
margin-left: auto;
margin-right: auto;
background: #color;
border-radius: 10px;
font-size: 15px;
font-family: Mali;
line-height: 1.4;
text-align: left;
overflow: auto;
}

mark {
font-family: cutie;
font-size: 17px;
background: #FFF;
border-radius: 9px;
border: 1px solid #color;
padding-left: 5px;
padding-right: 5px;
color: #000;
height: 5px;
}

</style>
<div id="scroll01">
<p></p>
<mark>mark</mark> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>