That Grey Cat, Revised

<style>

@import url('https://fonts.googleapis.com/css?family=Megrim|Saira');

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

body{
background: #040305;
}

*{font-family: 'Saira', sans-serif;font-size: 2.2vh;color:#fff;}
 a{color:#787878;text-decoration:none;transition-duration:0.5s;}
 a:hover{color: #686868; transition-duration:0.5s;}
 h1{font-family: 'Megrim', cursive;font-size:5vh;color:#dce7f2;font-size: 5vh; border-bottom: 1px #fff solid;}
 h2{font-family: 'Megrim', cursive;font-size:3vh;color:#dce7f2;}
 b{color:#625ec5;}
 i{color:#00abff;}
 .r{float:right;}





#image{
 position: fixed;
 left:15vw;
 bottom: 200vh;
 opacity:0;
 animation: blurin 2s 1;
 animation-fill-mode: forwards;
}
#image img{
 height: 100vh;
 border: 0vh solid #363536;
}
@keyframes blurin{
 from{-webkit-filter:blur(50px);opacity:0;}
 to{-webkit-filter:blur(0px);opacity:1;bottom: -0px;}
}





#box1, #box2{
position:absolute;
border: 0vh double #345c81;
background-color:#1b1323;
padding:1%;
-o-transition:.8s;
-ms-transition:.8s;
-moz-transition:.8s;
-webkit-transition:.8s;
transition:1.5s;
box-shadow: 0 0 1vh 1vh #1b1323;
text-shadow:1px 0px 2px #747474;
}


#box1{
z-index:5;
top:3vw;
right:20vw;
height:15vw;
width:30vw;
opacity: 0;
overflow:auto;
  animation: blurin 2s 1;
 animation-fill-mode: forwards;
  animation-delay: 2s;
}



#box2{
z-index:5;
top:25vw;
right:15vw;
height:15vw;
width:30vw;
opacity: 0;
overflow:auto;
  animation: blurin 2s 1;
 animation-fill-mode: forwards;
  animation-delay: 4s;
}






#credit {
z-index:1;
position:fixed;
height:20vh;
right:1%;
bottom:0%;
}

</style>
 <div id="image">
 <img src="IMAGE HERE">
 </div>



<div id="box1">
<h1>That Grey Cat.</h1>


Stats here.
</div>


<div id="box2">
<h1>Files.</h1>


More stats here.
</div>

<a href="https://roleplay.chat/profile.php?user=From+Shadows+Codes" target="_blank" title="CC#02
Firefox 1366x768
Inform me of issues.">
<img src="https://i.imgur.com/A9wLMgS.png" id="credit"/>
</a>