Cookie Monster's code

<style>
@import url('https://fonts.googleapis.com/css?family=Amaranth|Courgette|Kaushan+Script|Pathway+Gothic+One|Philosopher|Satisfy');

::-webkit-scrollbar{width:0.3vh;height:0.3vh;}
::-webkit-scrollbar-track{border-radius:0;background:transparent;}
::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}


* {
 font-family: 'Pathway Gothic One', sans-serif;
 color: #FB0000;
 font-size:2.2vh;
}


body{
 background: #fff;
 background-image: url('https://simg3.gelbooru.com//images/df/6c/df6c422a439927b2daf9dc94ab26d4b5.jpg');
 background-position: bottom center;
 background-repeat: no-repeat;
 background-size: 37%;
}



h1{font-family: 'Kaushan Script', cursive;color:#FFFFFF;font-size:4.5vh;}
a{font-family: 'Amaranth', sans-serif;color:#FB0000;}
b{font-family: 'Courgette', cursive;color:#FB0000;font-size:2.4vh;}
i{font-family: 'Philosopher', sans-serif;font-size:2.6vh;}
o{font-family: 'Pathway Gothic One', sans-serif;color:#cccccc;font-size:2.6vh;}
.r{float:right;}


* {
 cursor: url('http://www.rw-designer.com/cursor-view/15154.png'), progress !important;
 cursor:pointer url('http://www.rw-designer.com/cursor-view/15154.png'), progress !important;}
 }



#image{
 position: fixed;
 right:29vw;
 bottom: 0vh;
 box-shadow: ;
 opacity:0;

 animation: blurin 2s 1;
 -webkit-animation: blurin 2s 1;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
}
#image img{
 height: 98vh;
 border: 0vh solid #363536;
}
@keyframes blurin{
 from{-webkit-filter:blur(50px);opacity:0;}
 to{-webkit-filter:blur(0px);opacity:1;}
}




#box{
 position: fixed;
 left: 2.5vw;
 top: 5vh;
 width: 25vw;
 height: 30vh;
 border: 0.5vh double #fb0000;
 background: rgba(0,0,0,0.5);
 font-family: Raleway;
 font-size: 2vh;
 color: #EDDEFF;
 text-shadow: 0.5vh 0.5vh 0.5vh #6d6d6d;
 box-shadow: 0.5vh 0.5vh 0.5vh black;
 overflow: auto;
 opacity: 1;

 animation: blurin 2s ;
 -webkit-animation: blurin 2s ;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
}

#box2{
 position: fixed;
 left: 2.5vw;
 bottom: 5vh;
 width: 25vw;
 height: 30vh;
 border: 0.5vh double #fb0000;
 background: rgba(0,0,0,0.5);
 font-family: Raleway;
 font-size: 2vh;
 color: #EDDEFF;
 text-shadow: 0.5vh 0.5vh 0.5vh black;
 box-shadow: 0.5vh 0.5vh 0.5vh black;
 overflow: auto;
 opacity: 1;

 animation: blurin 3s ;
 -webkit-animation: blurin 3s ;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
}


#box3{
 position: fixed;
 right: 2.5vw;
 top: 5vh;
 width: 25vw;
 height: 30vh;
 border: 0.5vh double #fb0000;
 background: rgba(0,0,0,0.5);
 font-family: Raleway;
 font-size: 2vh;
 color: #EDDEFF;
 text-shadow: 0.5vh 0.5vh 0.5vh black;
 box-shadow: 0.5vh 0.5vh 0.5vh black;
 overflow: auto;
 opacity: 1;

 animation: blurin 3s ;
 -webkit-animation: blurin 3s ;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
}


#box4{
 position: fixed;
 right: 2.5vw;
 bottom: 5vh;
 width: 25vw;
 height: 30vh;
 border: 0.5vh double #fb0000;
 background: rgba(0,0,0,0.5);
 font-family: Raleway;
 font-size: 2vh;
 color: #EDDEFF;
 text-shadow: 0.5vh 0.5vh 0.5vh black;
 box-shadow: 0.5vh 0.5vh 0.5vh black;
 overflow: auto;
 opacity: 1;

 animation: blurin 4s ;
 -webkit-animation: blurin 4s ;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
}


#credit {
z-index:1;
position:fixed;
height:36px;
right:32vw;
bottom:0vw;
background-color:transparent;
border-radius:5px;
}


tr:nth-child(odd){
 background: #fb0000;
}


</style>



<div id="box">
<div style="height: 100%; overflow-y: hidden;">


<a name="stat"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
<h1>Stats
</h1><hr>
<table style="width:100%;">
<tr>
<td><o>Name:</td><td><o>Ruby Rose</td>
</tr>

<tr>
<td>Nickname(s):</td><td>Little Red, Rubes, Cookie Monster.</td>
</tr>

<tr>
<td><o>Age:</td><td><o>19</td>
</tr>

<tr>
<td>Orientation:</td><td>Lesbiem, Lesbeans, Lesbans...girls.</td>
</tr>

<tr>
<td><o>Status:Single</td>
</tr>

<tr>
<td>Eye color:</td><td>Silver</td>
</tr>

<tr>
<td><o>Hair color:</td><td><o>Black with red tips</td>
</tr>

<tr>
<td>Semblance:</td><td>Speed(Will look at the name later)</td>
</tr>

<tr>
<td><o>Height:</td><td><o>5'2"</td>
</tr>

<tr>
<td>Weight:</td><td>Something she'd rather not talk about.</td>
</tr>

<tr>
<td><o>Body Type:</td><td><o>Slender, athletic.</td>
</tr>

<tr>
<td>Occupation:</td><td>Part-Time Huntress.</td>
</tr>

</table>
</div>
</div>


<div id="box2">
<div style="height: 100%; overflow-y: hidden;">


<a name="stat"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
<a name="bio"></a>
<h1>Details</h1>
<hr>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
<b>Biography</b><hr>
Stuff here.
<hr>
<b>Personality</b><hr>
 She's sweet, kind, loveable, respectful but disrespect her friends and she'll make sure you get put in the ground! Oh also will jump at cookies offered to her.

</hr>
</div>
</div>

<div id="box3">
<div style="height: 100%; overflow-y: hidden;">


<a name="stat"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
<a name="ooc"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
<h1>Additional Notes</h1><hr>
<p>Work in</p>
<p>Progress.</p>
<p>Ruby's outfit in-room is usually the outfit you see her wearing in the main pic of this profile.</p>
<hr>
<h1>Out of Character</h1>
<table>
<tr><td><o>Don't be a twat.</td></tr>
<tr><td><o>In-Room Approach is your best bet, but I'll accept PMs.</td></tr>
<tr><td>Don't give me a simple 'hi' or 'hello'. Come on. Use those typing skills I know you have and give me something fun or funny to read. (Nothing stupid though.)</tr></td>
<tr><td><o>This character isn't meant for anything really canon, but I can work with that.</td></tr>
<tr><td>If you want to PM Roleplay, I'd appreciate it if we could keep it in the RWBYverse. Thanks.</td></tr>
<tr><td><o>If you want to find me, I'll likely being in one of these rooms: The Anime Hotel, the Futanari Hotsprings, Remnant: RWBY-verse, {NSFW} RWBY.</td></tr>
<tr><td>Thanks for checking out my profile! I really appreciated it.</td></tr>
</table>
</div>
</div>

<div id="box4">
<div style="height: 100%; overflow-y: hidden;">


<a name="stat"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
<h1>Gallery</h1>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//images/7a/50/7a506ef4034e9ee162dc454c91ad96ee.jpeg">Cookies.</a><br>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/f7/17/sample_f71762e9ac0b94a049118ad6ea037bec.jpg">Chibi.</a><br>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/77/ad/sample_77ad32e750599e3f7bd1fa9ccd3b819b.jpg">Beach with the girls.</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/02/66/sample_0266da378dd05c2c735a986d53df8928.jpg">Chinese Dress.</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/d1/64/sample_d16430f3d56723cc3d1fd8dad652c0ed.jpg">Ready for action.</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//images/0b/9f/0b9f7501cddc2eda6fe72363766d424d.png">Magical girls White Rose!</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/26/74/sample_267414b7c5aa180688d7fb9a5fadf025.jpg">Out of date nude.</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//images/e0/7e/e07e74dd854e4f1849192b8f0265d7bf.jpeg">Zwei!</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/91/09/sample_9109eecb7a43602740943dc397e6b095.jpg">Cheerleader!.</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/78/ed/sample_78ed35da510b3e6a01d979c3e9c02792.jpg">W-Weiss...</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/58/75/sample_5875c9afaeafe5809af775b13c2b20cb.jpg">Gimmie that cookie!</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//images/89/1a/891ae7f6ed71211253df3f2d768ac38b.png">Waking up.</a>
<hr>
<a target="_blank" href="https://i.pinimg.com/564x/5a/19/d2/5a19d2538e71b1a5a6e76e8eab1bc027.jpg">At Graduation!</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/83/84/sample_83848ed237d1c09a0dac7401c988c9df.jpg">Kimono…?</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//images/ac/e1/ace19468ed712853e3fc1c566c2fa958.jpeg">Halloween.</a>
<hr>
<a target="_blank" href="https://simg3.gelbooru.com//samples/9f/64/sample_9f644d4896c9052bf99bea74be089fd1.jpg">Found mom's cloak!</a>
<hr>



</div>
</div>



<a target="_blank" href="https://pastebin.com/u/AltimaeDTM" target="_blank" title="CC#02
Firefox 1366x768
Inform me of issues.">
<img src="https://orig00.deviantart.net/5e77/f/2017/282/e/b/credit_by_altimadxy-dbq3bum.png" id="credit"/>
</a>