blumarine crd (pro standard)

---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>