Stronk boi

<style type="text/css">

::-webkit-scrollbar {
background-color:transparent;
 width: 5px; }

::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent; }

::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #621919; }


body{background-color: #000000;
background-image: url("https://www.transparenttextures.com/patterns/slash-it.png");
background-position:right top;background-repeat:repeat;background-attachment:fixed; background-size: }


.pfor{display:none;}
#profile{background-color:transparent;border:none;}

h1 { font-family: 'Saira Extra Condensed', sans-serif; font-size: 16px; color: #610B0B; text-transform: uppercase; letter-spacing: 5px; border-bottom: 2px solid #610B0B; background: transparent; text-align: right; margin-right: 3px; margin-left: 3px; line-height: 17px; margin-top: 1px;}

#img { position: absolute;
top: 60px;
left: 920px;
height: 130px;
width: 320px;
background-image: url("https://pa1.narvii.com/6587/2abd18e7513b75ea357541d538349c2b8c117a78_hq.gif");
background-size: 100% 100%;
background-position: center;
overflow: hidden;
border-radius: 5%;
z-index: 1;}


#kiri-boi {
background-color: transparent;
height: 1000px;
left: 0px;
position: fixed;
top: 0px;
width: 1000px;
z-index: 1;
}

#riot {
font-family: 'Six Caps', sans-serif;
font-size: 160px;
color: #b33e36;
height: 100px;
left: 590px;
position:fixed;
letter-spacing: 7px;
text-align: left;
text-shadow: 5px 2px #621919;
top: 10px;
width: 7000px;
}

#box1 {position:fixed;
left: 590;
top: 200;
width:310;
height:562;
overflow: auto;
background-color: #b33e36;
opacity: 0.6;
filter: alpha(opacity=60);
padding: 5;
color: #151515;
font-family: 'Saira Extra Condensed', sans-serif;
font-size: 16px;
text-align: left;
border: 0px solid #621919;
border-radius: 5px;
}

#box2 {position:fixed;
left: 920;
top: 200;
width:310;
height:163;
overflow: auto;
background-color: #b33e36;
opacity: 0.6;
filter: alpha(opacity=60);
padding: 5;
color: #151515;
font-family: 'Saira Extra Condensed', sans-serif;
font-size: 16px;
text-align: left;
border: 0px solid #621919;
border-radius: 5px;
}



#box3 {position:fixed;
left: 920;
top: 380;
width:310;
height:163;
overflow: auto;
background-color: #b33e36;
opacity: 0.6;
filter: alpha(opacity=60);
padding: 5;
color: #151515;
font-family: 'Saira Extra Condensed', sans-serif;
font-size: 16px;
text-align: left;
border: 0px solid #621919;
border-radius: 5px;
}

#box4 {position:fixed;
left: 920;
top: 560;
width:310;
height:200;
overflow: auto;
background-color: #b33e36;
opacity: 0.6;
filter: alpha(opacity=60);
padding: 5;
color: #151515 ;
font-family: 'Saira Extra Condensed', sans-serif;
font-size: 16px;
text-align: left;
border: 0px solid #621919;
border-radius: 5px;
}

</style>

<style>
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed|Six+Caps');
</style>

<div id="img">
</div>

<div id="kiri-boi">
<img height="850px;" width="740px;" src="http://i.picpar.com/H3Bc.png"></img>
</div>

<div id="riot">
Red Riot
</div>

<div id="box1">
<h1> Dossier </h1>
</div>

<div id="box2">
<h1> Background </h1>
Info on manly and stronk boi here. So red. So b00tyful. Kirisima. Can't touch this. Ripped af shark. Blah blah blah blah. Info on manly and stronk boi here. So red. So b00tyful. Kirisima. Can't touch this. Ripped af shark. Blah blah blah blah. Info on manly and stronk boi here. So red. So b00tyful. Kirisima.
</div>

<div id="box3">
<h1> Acquaintances </h1>
Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text. Manly af text.
</div>

<div id="box4">
<h1> Out Of Character </h1>
for stronk manly shark-boi wiff luv from alien girl
</div>