pisces crd scrollboxes

---main scrollbox---

<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Press Start 2P' rel='stylesheet'>

<style>
#maininfo {
background: #ffffff99;
border: 1px solid white;
height: 8.65em;
width: 17em;
padding: 10px;
border-radius: 10px 0px 10px 0px;
overflow-y: scroll;
font-family: 'Archivo', sans-serif;
color: #575757;
font-size: 0.75em;
text-align: left;
}

mark {
font-family: 'Press Start 2P';
font-size: 0.75em;
color: #fff;
border-radius: 5px 0px 5px 0px;
padding: 3px 5px 3px 5px;
background: linear-gradient(180deg, #000 0%, #fff 100%);
}

</style>

<div id="maininfo">
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
<br></br>
<mark>notes</mark> info info info info info info info info info info info info info info info info
<br><br>
<mark>links!</mark> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a>
</div>

---left scrollbox---

<style>
#rules1 {
background: #ffffff99;
overflow-y: scroll;
border: 1px solid white;
height: 8.65em;
width: 18em;
padding: 5px;
border-radius: 10px 0px 10px 0px;
font-family: 'Archivo', sans-serif;
color: #575757;
font-size: 0.75em;
text-align: left;
position: relative;
left: 3px;
}

mark {
font-family: 'Press Start 2P';
font-size: 0.75em;
color: #fff;
border-radius: 5px 0px 5px 0px;
padding: 3px 5px 3px 5px;
background: linear-gradient(180deg, #000 0%, #fff 100%);
}

</style>

<div id="rules1">
<mark>BYF</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 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
<br></br>
</div>

---right scrollbox---

<style>
#rules2 {
background: #ffffff99;
overflow-y: scroll;
border: 1px solid white;
height: 8.65em;
width: 8em;
padding: 5px;
border-radius: 10px 0px 10px 0px;
font-family: 'Archivo', sans-serif;
color: #575757;
font-size: 0.75em;
text-align: left;
position: relative;
left: 5em;
}

mark {
font-family: 'Press Start 2P';
font-size: 0.75em;
color: #fff;
border-radius: 5px 0px 5px 0px;
padding: 3px 5px 3px 5px;
background: linear-gradient(180deg, #000 0%, #fff 100%);
}

</style>

<div id="rules2">
<mark>DFI</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 info info
</div>