STRAUSS CODE [DONE]

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Overlock|Redressed|Niconne|Ubuntu+Condensed|Forum);

body {
background-color: #5E964E;
background-image: url('https://wallpapercave.com/wp/D0KnKnL.jpg');
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

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

#overlay {
position: fixed;
z-index: -1;
background-image: url('');
background-repeat: repeat;
background-size: 1%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}

::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

::-webkit-scrollbar {
width:0px;
height:0px;
}

#container {
position: absolute;
height: 500px;
width: 450px;
left: 63%;
top: 11%;
border: 1px solid #000;
background-color: #115212;
background-image: url('');
background-repeat: repeat;
background-size: 1-0%
}

#container:hover {
filter: blur(0px);
-webkit-transition:opacity 0.6s linear;
 -webkit-transition:all 0.5s ease-out;
 -moz-transition:all 0.5s ease-out;
 transition:all 0.5s ease-out;
}

#snek {
position: absolute;
z-index: 2;
background-color: transparent;
border-radius: 0%;
height: 200px;
width: 330px;
background-image: url('https://freesvg.org/img/coiledsnake-colour.png');
background-repeat: no-repeat;
background-size: 80%;
filter: grayscale(0%);
opacity: 1;
bottom: 20px;
right: 225px;
transform: rotate(-70deg);
}

#icon {
position: absolute;
z-index: 1;
left: 10px;
top: 10px;
background-image: url('https://i.gifer.com/2fZI.gif');
background-repeat: no-repeat;
background-position: -120px;
background-size: 270%;
height: 90px;
width: 90px;
border: 1px dotted #0A170A;
box-shadow: 0px 0px 2px 2px #0A170A;
}

#icon2 {
position: absolute;
z-index: 1;
right: 10px;
top: 10px;
background-image: url('https://media1.tenor.com/images/1e19e7fbd534e121dad3db0918da81f4/tenor.gif?itemid=5759214');
background-repeat: no-repeat;
background-position: center;
background-size: 190%;
height: 90px;
width: 90px;
border: 1px dotted #0A170A;
box-shadow: 0px 0px 2px 2px #0A170A;
}

#centerright {
position: absolute;
right: 10px;
top: 110px;
height: 170px;
width: 201px;
padding: 5px;
overflow-y: auto;
background: #085A05;
color: white;
font-size: 11px;
font-family: 'Ubuntu Condesed';
line-height: 15px;
box-shadow: 0px 0px 2px 2px #0A170A;
}

#centerleft {
position: absolute;
left: 10px;
top: 110px;
height: 170px;
width: 201px;
padding: 5px;
overflow-y: auto;
background: #085A05;
color: white;
font-size: 11px;
font-family: 'Ubuntu Condensed';
line-height: 15px;
box-shadow: 0px 0px 2px 2px #0A170A;
}

#friends {
position: absolute;
right: 10px;
bottom: 119px;
padding: 5px;
background: #085A05;
color: white;
overflow-x: auto;
height: 74px;
width: 420px;
box-shadow: 0px 0px 2px 2px #0A170A;
}

#ooc {
position: absolute;
right: 10px;
bottom: 10px;
padding: 5px;
overflow-y: auto;
background: #085A05;
height: 92px;
width: 350px;
color: white;
text-align: left;
font-size: 11px;
font-family: 'Ubuntu Condensed';
line-height: 15px;
box-shadow: 0px 0px 2px 2px #0A170A;
}

#top {
position: absolute;
right: 111px;
top: 10px;
width: 218px;
height: 83px;
padding: 5px;
overflow-y: auto;
background: #085A05;
color: white;
font-size: 11px;
font-family: 'Ubuntu Condensed';
line-height: 15px;
box-shadow: 0px 0px 2px 2px #0a170a;
}

i {
font-family: 'Redressed';
margin-top: 0px;
font-size: 11px;
}

b {
color: #000;
font-size: 10px;
font-family: 'Overlock';
text-transform: uppercase;
}

a {
color: #BDFFA2;
text-decoration: none;
font-family: 'Forum';
font-size: 10px;
}

a:hover {
text-decoration: underline;
color: #274C18;
}

h1 {
font-family: 'Niconne';
text-align: center;
font-size: 13px;
background-image: linear-gradient(to left, #B5BBB5, #98AD98, #649464, #367E36);
line-height: 8px;
margin-top: 0px;
margin-bottom: 5px;
letter-spacing: 1px;
color: #C0C0C0;
}

.glow {
 font-size: 13px;
 color: #3B5F3B;
 text-align: right;
 -webkit-animation: glow 1s ease-in-out infinite alternate;
 -moz-animation: glow 1s ease-in-out infinite alternate;
 animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
 from {
 text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #BAF5BA, 0 0 4px #52B952, 0 0 5px #52B952, 0 0 8px #52B952, 0 0 10px #000;
 }

 to {
 text-shadow: 0 0 2px #fff, 0 0 3px #1E821E, 0 0 4px #1E821E, 0 0 5px #1E821E, 0 0 8px #000, 0 0 10px #000, 0 0 11px #000;
 }
}

</style>
<div id="bitch" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="container">
<div id="snek"></div>
<div id="icon"></div>
<div id="icon2"></div>
<div id="top"><h1 class="glow">Statistics</h1>
<b>name.</B> <font style=float:right>Levi Strauss.</font><br>
<B>age.</B> <font style=float:right>18.</font><br>
<B>d.o.b.</B> <font style=float:right>STAT.</font><br>
<b>nation.</B> <font style=float:right>American.</font><br>
<B>ethnic.</b> <font style=float:right>STAT.</font><br>
<b>orient.</b> <font style=float:right>STAT.</font><br>
<B>status.</b> <font style=float:right>STAT.</font><br>
<B>occupation.</b> <font style=float:right>Student.</font><br>
<B>house.</b> <font style=float:right>Slytherin.</font><br>
<B>hair.</B> <font style=float:right>Brunette.</font><br>
<B>eyes.</b> <font style=float:right>Brown.</font><br>
<B>height.</b> <font style=float:right>STAT.</font><br>
<B>build.</b> <font style=float:right>STAT.</font><br>
<B>wand.</b> <font style=float:right><a title="Wand Description Here.">W</a>.</font><br>
<B>patronus.</b> <font style=float:right><a title="PATRONUS description here.">P</a>.</font><br>
<B>familiar.</b> <font style=float:right><a title="Familiar description here.">F</a>.</font><br>
<B>boggart.</b> <font style=float:right><a title="Fear description.">B</a>.</font><br>
<b>face.</b> <font style=float:right>James Franco.</font><hr>
<h1 class="glow">Schooling</h1></div>
<div id="centerleft"><h1 class="glow">Headcanons</h1></div>
<div id="centerright">
<h1 class="glow">Personality</h1>
</div>

<div id="ooc"><h1 class="glow">OOC</h1>
<B>00.</B> Coded by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu">Chuu</a> for Strauss' use only. Want something similar? Ask.<br>
<B>01.</B> Words.<br>
<B>02.</B> Words!<br>
<B>03.</B> Words.</div>
<div id="friends"><marquee direction="right" height="74" width="420" scrolldelay="200"><img style="border: 3px solid #0A170A; height: 64px; width: 64px; border-radius: 0%;" src="https://media1.tenor.com/images/9f82e2df66ef28a7fd47299d13c5ae17/tenor.gif?itemid=10585180" title="Description."></img>   <img style="border: 3px solid #0A170A; height: 64px; width: 64px; border-radius: 0%;" src="https://media1.tenor.com/images/9f82e2df66ef28a7fd47299d13c5ae17/tenor.gif?itemid=10585180" title="Description."></img>   <img style="border: 3px solid #0A170A; height: 64px; width: 64px; border-radius: 0%;" src="https://media1.tenor.com/images/9f82e2df66ef28a7fd47299d13c5ae17/tenor.gif?itemid=10585180" title="Description."></img>   <img style="border: 3px solid #0A170A; height: 64px; width: 64px; border-radius: 0%;" src="https://64.media.tumblr.com/73ae7e6dd2f1bea05c5af71993586f0f/tumblr_nqtagwCHoK1qbq2ano4_250.gif" title="Winn Odjig."></img>   <img style="border: 3px solid #0A170A; height: 64px; width: 64px; border-radius: 0%;" src="https://data.whicdn.com/images/44609203/original.gif" title="Ollie Findlay."></img></marquee></div></div>