---main container---
<style>
#elementID {
border: 10px solid #FFB8D5;
border-radius: 50%;
width: 14.2em;
height: 20.5em;
background-image: url("https://media.discordapp.net/attachments/984199687726833677/998704330796437675/ad9102986a2af169bc4799da8a852621b2fdaaa0.gif");
background-position: center;
background-size: auto;
position: relative;
left: 4.5em;
}
</style>

---first icon---
<style>
#elementID {
position: absolute;
bottom: 0.1em;
left: 2.8em;
z-index: 3;
transform: rotate(30deg);
}
</style>

---second icon---
<style>
#elementID {
position: absolute;
bottom: 3em;
right: 3em;
transform: rotate(330deg);
z-index: 3;
}
</style>

---scrollbox---
<style>
@font-face {
font-family: nintendo;
src: url(https://dl.dropbox.com/s/uzr13ivwndbyvd0/Nintendo-DS-BIOS.ttf);
}

@font-face {
font-family: ALBA;
src: url(https://dl.dropbox.com/s/0l4qryezh7ac9ls/ALBA____.TTF);
}

#elementID {
font-family: nintendo;
overflow-y: scroll;
border-radius: 50%;
background: #FFE0F6CE;
height: 19.3em;
width: 13.05em;
padding-top: 80px;
padding-left: 22px;
padding-right: 20px;
padding-bottom: 80px;
position: absolute;
bottom: 1.6em;
left: 6.1em;
z-index: 2;
}

mark {
font-family: ALBA;
font-size: 1.5em;
color: white;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
background-color: rgba(0,0,0,0.0);
}

a:hover {
color: #BA8CAC;
}
</style>
<div id="elementID">
<mark>about me</mark>
<p>info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info </p>
<br><br>
<mark>notes</mark>
<p>info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info </p>
<br><br>
<mark>links</mark>
<p><u><a href="https://twitter.com">link</a></u>&nbsp;<a href="https://weheartit.com">link</a></u>&nbsp;<a href="https://retrospring.net">link</a></u></p>
<br><br>
<em><strong>cr yiboself for this crd layout!</em></strong>
<style>

#scroll {
font-family: 'Mali', cursive;
font-size: .8em;
height: 6.7em;
overflow-y: scroll;
line-height: 1.6;
}

mark {
background: white;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
border-radius: 30px;
color: #FFC2DD;
font-size: 1.2em;
font-family: billo;
-webkit-box-shadow: 0px 0px 1px 1px rgba(191,191,191,0.75);
}

</style>

<div id="scroll">
<strong>scroll!</strong> hi ♡ i'm <strong>name</strong>! info info info info info info info info <strong>cr</strong> sanriokih <em>carrd</em> itzhou <em>music player</em>
<br></br>
<mark>before you follow</mark> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info
<br></br>
<mark>don't follow if</mark> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info
<br></br>
<mark>kpop</mark> info info info info info info info info info info info info info info info info info info info info info info
<br></br>
<mark>media</mark> info info info info info info info info info info info info info info info info info info info info info info
</div>