ｂｌｉｎｄ

<style>
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker|Kaushan+Script|Montserrat|Oswald');

 @font-face {
 font-family: "Warlock";
 src: url('https://dl.dropboxusercontent.com/s/wsp378rqsegxwu4/LemonMilk.otf?dl=0');
 format("truetype");
}

::-webkit-scrollbar {
 display: none;
}

body {
 background-color: #eaeaea;
 overflow: hidden;
}

a {
text-decoration: none;
color: #d65656;
}

a:hover {
color: #7a0000;
}

a:visited {
text-decoration: none;
color: white;
}


b {
color: #f7797d;
}

.image {
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: 400px;
 height: 560px;
 background-image: url('http://i.picpar.com/fEWd.png');
 background-attachment: absolute;
 background-size: 400px;
 z-index: 0;
}

.box {
 overflow: auto;
 position: absolute;
 bottom: 5px;
 right: 400px;
 height: 250px;
 width: 150px;
 color: #212121;
 font-size: 12px;
 font-family: 'Montserrat';
 opacity: 0.8;
 z-index: 1;
 padding: 5px;
 text-align: justify;
}

.box2 {
 overflow: auto;
 position: absolute;
 bottom: 65px;
 right: 560px;
 height: 190px;
 width: 150px;
 color: #212121;
 font-size: 12px;
 font-family: 'Montserrat';
 opacity: 0.8;
 z-index: 1;
 padding: 5px;
 text-align: justify;
}

.box3 {
 overflow: auto;
 position: absolute;
 bottom: 5px;
 right: 720px;
 height: 250px;
 width: 150px;
 color: #212121;
 font-size: 12px;
 font-family: 'Montserrat';
 opacity: 0.8;
 z-index: 1;
 padding: 5px;
 text-align: justify;
}

.tt {
 position: absolute;
 letter-spacing:0;
 right: 520px;
 bottom: 300px;
 font-family: 'Warlock';
 font-size: 70px;
 background: url('https://media3.giphy.com/media/3o6UBedJJfaxXHvZyU/giphy.gif');
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 background-position: center left;
 z-index: 1;
}

.tt2 {
 position: absolute;
 letter-spacing:7;
 right: 400px;
 bottom: 265px;
 font-family: 'Warlock';
 font-size: 40px;
 background: url('https://media3.giphy.com/media/3o6UBedJJfaxXHvZyU/giphy.gif');
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 background-position: center left;
 z-index: 1;
}

.credit {
 position:absolute;
 bottom:0px;
 left:5px;
 height:60px;
 width:60px;
 opacity: .7;
 background-image: url('https://i.imgur.com/67eVLlq.png');
 background-position: center;
 background-size: cover
}

</style>

<div class="image"></div>

<div class="tt">KAIRO</div>
<div class="tt2">Is Scared Of You</div>

<div class="box">

<b>001.</b> black lives matter. acab.<br>
<b>002.</b> ooc here.<br>
<b>003.</b> ooc here.<br>
<b>004.</b> ooc here.<br>
<b>005.</b> ooc here.<br>
<b>006.</b> ooc here.<br>
<b>007.</b> ooc here.<br>

</div>

<div class="box2">
the boxes scroll. have fun.

</div>

<div class="box3">

regular. <b>bold.</b> <i>italics.</i> <a>link.</a>

</div>

<a href="https://roleplay.chat/profile.php?user=wife"><div class="credit"></div></a>