diaries crd scrollboxes

---scrollbox 1---

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

@font-face {
font-family: Betterfly;
src: url(https://dl.dropbox.com/s/j8ky6jfd09v7bc0/betterfly.ttf);
}

#scroll01 {
overflow-y: scroll;
height: 13em;
width: 10.5em;
font-family: Nintendo-DS-BIOS;
padding: 17px 0px 5px 15px;
text-align:left;
}

mark {
font-family: Betterfly;
font-size: 1.4em;
color: #000;
background-color: rgba(0,0,0,0.0);
}

</style>
<div id="scroll01">
<mark>Profile</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</p>
<br><br>
<mark>Notes</mark>
<p>info info info info info info info info info info info info info info </p>


---scrollbox 2---

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

@font-face {
font-family: Betterfly;
src: url(https://dl.dropbox.com/s/j8ky6jfd09v7bc0/betterfly.ttf);
}

#scroll02 {
overflow-y: scroll;
height: 9em;
width: 10em;
font-family: Nintendo-DS-BIOS;
padding: 20px 0px 5px 10px;
text-align:left;
}

#scroll02 a {
text-decoration: none;
display: inline-block;
transition: .2s ease;
}

#scroll02 a:hover {
color: #000;
transform: translateY(-20%);
}

#scroll02 mark {
font-family: Betterfly;
font-size: 1.4em;
color: #000;
background-color: rgba(0,0,0,0.0);
padding-left: 10px;
}

</style>
<div id="scroll02">
<mark>(Links)</mark>
<br><br>
<p><a href="link">a. link</a>
<p><a href="link">b. link</a>
<p><a href="link">c. link</a>
<p><a href="link">d. link</a>
<p><a href="link">e. link</a>
<br><br>
<strong>cr yiboself for this crd layout!</strong>


---scrollbox 3---

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

@font-face {
font-family: Betterfly;
src: url(https://dl.dropbox.com/s/j8ky6jfd09v7bc0/betterfly.ttf);
}

#scroll03 {
overflow-y: scroll;
height: 13em;
width: 10em;
font-family: Nintendo-DS-BIOS;
padding: 17px 0px 5px 15px;
text-align:left;
}

mark {
font-family: Betterfly;
font-size: 1.4em;
color: #000;
background-color: rgba(0,0,0,0.0);
}

</style>
<div id="scroll03">
<mark>To Know</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 info info info</p>
<br><br>
<mark>Go Away</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</p>


---scrollbox 4---

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

@font-face {
font-family: Betterfly;
src: url(https://dl.dropbox.com/s/j8ky6jfd09v7bc0/betterfly.ttf);
}

#scroll04 {
overflow-y: scroll;
height: 10em;
width: 8em;
font-family: Nintendo-DS-BIOS;
padding: 20px 0px 5px 10px;
text-align:left;
}

mark {
font-family: Betterfly;
font-size: 1.4em;
color: #000;
background-color: rgba(0,0,0,0.0);
}

</style>
<div id="scroll04">
<mark>(Loves)</mark>
<br><br>
<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 </p>