Shoichi

<style>
@import url('https://fonts.googleapis.com/css?family=Big+Shoulders+Text|Comfortaa:300|Expletus+Sans|Offside&display=swap');
::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}




body{
background: url(https://i.imgur.com/IoIMpvM.png);
background-repeat: no-repeat;
background-position: left;
background-size: 133vh;
}

#ooc{
position: fixed;
z-index: 5;
text-align: center;
border: 2px #000 solid;
background: #303030;
height: 25vh;
width: 20.5vw;
bottom: 7vh;
right: 40vw;
box-shadow: 1vh 1vh .5vh #000;
font-family: 'Expletus Sans';
font-size: 2.5vh;
color: #fff;
padding:1%;
text-shadow: 1vh 1vh 1vh #000;
overflow: auto;
}

#title{
position: fixed;
text-align: center;
height: 20vh;
width: 25vw;
bottom: 26vh;
right: 22vw;
transform: rotate(-90deg);
font-family: 'Expletus Sans';
font-size:18vh;
}

#topbox{
position: fixed;
text-align: center;
z-index: 5;
padding:1%;
border: 2px #000 solid;
background: #303030;
overflow: auto;
height: 35vh;
width: 20.5vw;
top: 7vh;
right: 5vw;
box-shadow: 1vh 1vh .5vh #000;
font-family: 'Expletus Sans';
font-size: 2.5vh;
color: #fff;
text-shadow: 1vh 1vh 1vh #000;
}

#bottombox{
position: fixed;
text-align: center;
z-index: 5;
padding:1%;
overflow: auto;
border: 2px #000 solid;
background: #303030;
height: 35vh;
width: 20.5vw;
bottom: 7vh;
right: 5vw;
box-shadow: 1vh 1vh .5vh #000;
font-family: 'Expletus Sans';
font-size: 2.5vh;
color: #fff;
text-shadow: 1vh 1vh 1vh #000;
}

h1{
font-family: 'Big Shoulders Text';
font-size: 5vh;
}

a{
color: #fff;
text-decoration: underline;
transition: 0.3s;
}

a:hover{
color: #8cf5ff;
text-shadow: 0 0 .5vh #fff;
transition: 0.3s;
}

</style>

<div id="title">
SCHOICHI</div>

<div id="ooc">
<h1>OOC</h1>
<ol>
<li>OOC</li>
<li>OOC</li>
<li>OOC</li>
<li>OOC</li>
<li>Layout provided courtesy of <a href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows.</a> Do not steal or appropriate this layout. Thank you.</li>
</div>

<div id="topbox">
<h1>Stats</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus urna neque viverra justo nec ultrices. Magna eget est lorem ipsum dolor sit amet. Habitasse platea dictumst quisque sagittis purus sit amet. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
</div>

<div id="bottombox">
<h1>Story</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus urna neque viverra justo nec ultrices. Magna eget est lorem ipsum dolor sit amet. Habitasse platea dictumst quisque sagittis purus sit amet. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
</div>