aaaaaaaaaa

<style>
@import url('https://fonts.googleapis.com/css?family=Abel|Cinzel|Great+Vibes|Lora|Nova+Slim|Oswald|Quicksand|Roboto+Condensed|Anton');

#bitch{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}

body
{overflow-x:hidden;
background-color: #ffd6d6;
background-image: url("https://www.transparenttextures.com/patterns/greyzz.png");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
}

::-webkit-scrollbar {
 display:none
}

::-webkit-scrollbar-thumb:vertical {
 height: 0px;
 background-color: #000;
 border:3px solid #313136;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
 height: 0px;
 display: block;
 background-color: #313136;
}

::-webkit-scrollbar-track-piece {
 background-color: #313136;
}

::selection {
color: #ccc;
background: #000;
}

h1 {
  font-family: "Great Vibes", cursive;
  font-size: 25px;
  margin-bottom: 1vw;
  line-height: 2vw;
  color: #FFBFD4;
  width: 100%;
  border-bottom: .2vw solid;
  border-image: linear-gradient(to right, transparent, #FFBFD4 10%, transparent);
  border-image-slice: 1;
}

a {color: #fff;
text-decoration: none;
text-transform:uppercase;
font-family: 'Nova Slim', sans-serif;
ont-size:8px;

}

a:hover {color: black;
text-decoration: none;
}

b {
color:#FFD5E3;
text-shadow: 1px -1px 1px #000;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size:15px;
letter-spacing: 0;
font-weight:1;
}


.kicho {
 overflow:hidden;
 position:absolute;
 bottom:0vh;
 left:15vh;
 height:80vh;
 width:70vh;
 padding:0px;
 z-index: 2;
 opacity:1;
 filter: drop-shadow( 0px -1px 25px #EDA7A7);
 background-image: url('https://i.imgur.com/5GvsLmE.png');
 background-position:top center;
 background-attachment: absolute;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.banner {
 overflow:hidden;
 position:absolute;
 bottom:0vh;
 left:95vh;
 height:100vh;
 width:15vh;
 padding:0px;
 z-index: 1;
 opacity:1;
 filter: drop-shadow( 0px -10px 10px #FA9FBD);
 background-image: url('https://i.imgur.com/qFxSWwE.png');
 background-position:top center;
 background-attachment: absolute;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.icon {
 overflow:hidden;
 position:absolute;
 top: 36vh;
 left: -22vh;
 height: 70px;
 width:70px;
 padding:10px;
 opacity:1;
 border: 1px solid #454545;
 background-color: transparent;
 background-image: url('https://i.imgur.com/uzBDLjz.gif');
 background-position:center center;
 background-attachment: absolute;
 background-repeat: no-repeat;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

.icon2 {
 overflow:hidden;
 position:absolute;
 top: 63vh;
 left: -22vh;
 height:70px;
 width:70px;
 padding:10px;
 opacity:1;
 border: 1px solid #454545;
 background-color: transparent;
 background-image: url('https://i.imgur.com/EUVDI1l.gif');
 background-position:center center;
 background-attachment: absolute;
 background-repeat: no-repeat;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

#container {
 position:absolute;
 top:0vh;
 left:140vh;
 height:100vh;
 width:60vh;
 z-index:0;
}

#dossier {
 background-color: #000;
 text-transform: uppercase;
 text-align: left;
 color: #555;
 font-size:15px;
 font-family: 'Roboto Condensed', sans-serif;
 position: absolute;
 width: 54vh;
 height: 21vh;
 right: 15%;
 top: 18vh;
 line-height: 13px;
 padding: 10px;
 margin: 1px;
 overflow:auto;
 z-index: 1;
 opacity: .5;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

#history {
 background-color: #000;
 text-transform: uppercase;
 text-align: left;
 color: #555;
 font-size:15px;
 font-family: 'Roboto Condensed', sans-serif;
 position: absolute;
 width: 54vh;
 height: 21vh;
 right: 15%;
 top: 43vh;
 line-height: 13px;
 padding: 10px;
 margin: 1px;
 overflow:auto;
 z-index: 1;
 opacity: .5;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

#abilities {
 background-color: #000;
 text-transform: uppercase;
 text-align: left;
 color: #555;
 font-size:15px;
 font-family: 'Roboto Condensed', sans-serif;
 position: absolute;
 width: 54vh;
 height: 21vh;
 right: 15%;
 top: 68vh;
 line-height: 13px;
 padding: 10px;
 margin: 1px;
 overflow:auto;
 z-index: 1;
 opacity: .5;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}


#tt {

 position: absolute;
 letter-spacing:25;
 left: -3.5vh;
 top: 5vh;
 font-family: 'Anton';
 font-size: 100px;
 z-index: 1;
 -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://pa1.narvii.com/7010/0f1f03c5320a8f085c49ed0cc39bcfbb886f26cer1-366-206_hq.gif') repeat;
 background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
</style>


<div id="bitch" oncontextmenu="return false;"></div>

<div class="banner"></div>

<div id="container">
<div class="icon"></div>
<div class="icon2"></div>
<div id="tt">VESPER</div>

<div id="dossier">
<h1>dossier</h1>
<b>name</b><font style="float:right">Kicho </font><br><br>
<b>age</b><font style="float:right">mid 20s </font><br><br>
<b>alias</b><font style="float:right">demon of hatred </font><br><br>
<b>species</b><font style="float:right"><a title="alien from another dimension altogether. carries typical phenotypes akin to a cat.">samatran </a></font><br><br>
<b>physique</b><font style="float:right"><a title="6'0 with ears.">5'9", 160lbs. </a></font><br><br>
<b>build</b><font style="float:right">athletic, lean </font><br><br>
<b>disposition</b><font style="float:right">constant negativity </font><br><br>
<b>occupation</b><font style="float:right">unemployed </font><br><br>
<b>status</b><font style="float:right">curious </font><br><br>
</div>

<div id="history"><h1>history</h1>
WIP.
</div>

<div id="abilities"><h1>abilities</h1>
WIP.
</div>


</div>
<div class="kicho"></div>