Vaeri Code V.2 (Unfinished)

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Dancing Script|Poiret One|Staatliches|Muli');
*{cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}

Body {
background: rgb(188,188,230);
background: -moz-radial-gradient(circle, rgba(188,188,230,1) 10%, rgba(48,48,81,1) 100%);
background: -webkit-radial-gradient(circle, rgba(188,188,230,1) 10%, rgba(48,48,81,1) 100%);
background: radial-gradient(circle, rgba(188,188,230,1) 10%, rgba(48,48,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcbce6",endColorstr="#303051",GradientType=1);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
overflow:hidden;
}

::-moz-selection {
color: #f4eefa;
background: #d7f6f9;
}

::selection {
color: #f4eefa;
background: #a8b6e0;
}

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

::-webkit-scrollbar-thumb:vertical {
background-color: #225f4a;
border: 1px solid #225f4a;
}

b, strong {color: #516dc1; font-size:15px;}

hr {
height: 1px;
width: 475px;
color: #ffa747;
background-color: #ffa747;
border: none;
}

h1 {
font-family: 'Poiret One';
font-size: 1.45vw;
color: #fefff1;
text-transform: None;
letter-spacing: 0.10vw;
background-color: #24131a;
text-align: center;
line-height: 1.05vw;
margin: 6px;
}

a:active, a:link, a:visited {
color: #4c3d3f;
text-decoration: underline;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #ffffff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;
}

.overlay{
background:url(https://thumbs.gfycat.com/HilariousHorribleKakarikis-size_restricted.gif)repeat;
background-position: center center;
background-size: cover;
opacity:0.2;
z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.container {
background-color: #7879cc;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
position: absolute;
top: 0.9vw;
left: 20.7vw;
width: 70vw;
height: 42.9vw;
border: 3px solid #a7a5d7;
padding: 1.28vw;
}

.stats {
background-color: #bababa;
position: absolute;
top: 3vw;
left: 32.5vw;
height: 18vw;
width: 15.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: 10;
}

.Headcanons {
background-color: #bababa;
position: absolute;
top: 3vw;
left: 52.5vw;
height: 18vw;
width: 15.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: 10;
}

.abilities {
background-color: #bababa;
position: absolute;
top: 3vw;
left: 72.5vw;
height: 18vw;
width: 15.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: 10;
}

. {
background-color: #bababa;
position: absolute;
top: 3vw;
left: 52.5vw;
height: 18vw;
width: 15.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: 10;
}


.Vaeri {
position: absolute;
top: -2.0vw;
left: 7.0vw;
height: 50.9vw;
width: 30.14vw;
background-image: url("https://i.imgur.com/Ksncz3E.png");
-webkit-filter: drop-shadow(0.2vw 0vw 0.4vw #fff);
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 2;
}

.quote {
position:fixed;
top: 6.8vw;
left: 19.5vw;
text-align: left;
font-family: 'Staatliches';
letter-spacing: 0.1vw;
background: URL("https://66.media.tumblr.com/116ea983f5ff789e8cde5c3005aabd17/tumblr_o9fupgbeiX1u2vo2go3_500.gifv");
background-position: center center;
background-size: auto;
z-index: 2;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 2px #a70271;
font-size: 5.9vw;
text-align: center;
}


</style>

<body oncontextmenu="return false;">

<div class="Container"></div>
<div class="Vaeri"></div>

<div class="overlay"></div>

<div class="stats"></div>

<div class="headcanons"></div>

<div class="abilities"></div>