nene here~! for mark.crd.co you’ll need to make a container with a gif as the bg and add the info below also no need to cr me but if u post somewhere pls do
container:
vertical padding: 1.5
horizontal padding: 3.75
reminder to add your gif as background
and also add a divider to make the container longer
main embed
<style>
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
#magica {
font-family: 'Magica';
}
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}
#cutie {
font-family: cutie;
}
mark { /* round stuff like highlight */
background: #ffffff;
border-radius:7px;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
color: #000;
}
#container01 {
border: 3px double black;
border-radius: 10px;
}
</style>
font:
<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=Gaegu:wght@400;700&family=Mali:wght@400;600;700&display=swap" rel="stylesheet">
codes that go inside the container:
“scroll” text
<style>
@font-face {
font-family: lovely script;
src: url(https://dl.dropbox.com/s/ss5bqbogijw4zfj/Lovely%20Script.otf);
}
#lovely {
font-family: lovely script;
font-size: 2.5em;
color: #ffffff;
-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="lovely">scroll<i>~</i></div>
scroll box:
<style>
#scroll2 {
height: 70px;
width: 100%;
color: #ffffff;
font-size: 11.7px;
font-family: mali;
overflow: auto;
}
</style>
<div id="scroll2">
<span style="font-family: cutie; font-size:1.2em;"><mark>about me!</mark></span> nene or fabi <span style="font-family: magica; font-size:1.2em;">♡♡</span>
<br></br>
<span style="font-family: cutie; font-size:1.2em;"><mark>byf!</mark></span> <br></br>
<span style="font-family: cutie; font-size:1.2em;"><mark>dni!</mark></span> <br></br>
<span style="font-family: cutie; font-size:1.2em;"><mark>interests</mark></span> ♡</span>
<br></br>
<span style="font-family: cutie; font-size:1.2em;"><mark>enjoyer of</mark></span> </div>
you can add a bubble bg embed if you want ^^