CJV CODE

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Trade+Winds|Rokkitt|Ubuntu+Condensed|Spicy+Rice|Sail|Overlock|Bebas+Neue|Satisfy|Rancho);

body {
background-color: #ED9FC2;
background-image: linear-gradient(to top, #F2C9D9, #ED9FC2);
background-position: bottom;
background-size: 110%;
background-repeat:no-repeat;
}

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

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

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

::-webkit-scrollbar {
width:2px;
height:5px;
}

#overlay {
position: absolute;
z-index: -1;
background-image: url('https://cdn.lowgif.com/medium/cc3e4c5b2cafae22-.gif');
background-repeat: repeat;
background-size: 15%;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}

#box {
position: fixed;
bottom: 0vh;
left: 23vw;
height: 75vh;
width: 55vw;
background-color: #F2C9D9;
border: 5px solid #F0C5D8;
border-radius: 0%;
background-repeat: no-repeat;
z-index: 5;
opacity: 0.8;
}

#boximg {
position: fixed;
bottom: 7.5vh;
left: 42.14vw;
height: 59vh;
width: 17vw;
border-top: 2px solid #ED9FC2;
border-left: 2px solid #ED9FC2;
border-bottom: 2px solid #ED9FC2;
border-right: 2px solid #ED9FC2;
background-image: url('https://i.pinimg.com/564x/16/cd/e7/16cde7ed0b99773b12bfe49048e33561.jpg');
z-index: 6;
background-repeat: no-repeat;
background-size: 130%;
background-position: top, center;
opacity: 0.8;
box-shadow: 0px -1px #fff,-1px 0px #fff, 0px 1px #fff, 1px 0px #fff;
}

#ooc {
position: absolute;
z-index: 6;
opacity: 1;
left: 24vw;
background-color: #fff;
border: 1px solid #ED9FC2;
bottom: 1vh;
width: 17vw;
height: 36vh;
color: #777;
font-family: 'Overlock';
font-size: 13px;
line-height: 15px;
overflow-y: hidden;
}

#content1 {
position: absolute;
z-index: 6;
opacity: 1;
left: 24vw;
background-color: #fff;
border: 1px solid #ED9FC2;
bottom: 38.5vh;
width: 17vw;
height: 36vh;
color: #777;
font-family: 'Overlock';
font-size: 13px;
line-height: 15px;
overflow-y: hidden;
}

#content2 {
position: absolute;
z-index: 6;
opacity: 1;
left: 60.3vw;
background-color: #fff;
border: 1px solid #ED9FC2;
bottom: 38.5vh;
width: 17vw;
height: 36vh;
color: #777;
font-family: 'Overlock';
font-size: 13px;
line-height: 15px;
overflow-y: hidden;
}

#content3 {
position: absolute;
z-index: 6;
opacity: 1;
left: 60.3vw;
background-color: #fff;
border: 1px solid #ED9FC2;
bottom: 1vh;
width: 17vw;
height: 36vh;
color: #777;
font-family: 'Overlock';
font-size: 13px;
line-height: 15px;
overflow-y: hidden;
}

#title {
position: fixed;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
bottom: 65.4vh;
left: 44.28vw;
font-family: 'Sail';
background-image: url('https://data.whicdn.com/images/267199181/original.gif');
background-position: ;
z-index: 6;
opacity: 1;
font-size: 78px;
letter-spacing: 3px;
}

#tab1 {
position: fixed;
left: 43.14vw;
  height: 35px;
  width: 35px;
border: 2px solid #ED9FC2;
  background-color: #ED9FC2;
  border-radius: 50%;
  display: inline-block;
bottom: 1vh;
z-index: 6;
}

#tab1:hover {
position: fixed;
border: 2px solid #ED9FC2;
background-color: #E94C08;
}

#tab2 {
position: fixed;
left: 49.6vw;
  height: 35px;
  width: 35px;
border: 2px solid #ED9FC2;
  background-color: #ED9FC2;
  border-radius: 50%;
  display: inline-block;
bottom: 1vh;
z-index: 6;
}

#tab2:hover {
position: fixed;
border: 2px solid #ED9FC2;
background-color: #E94C08;
}

#tab3 {
position: fixed;
left: 56.04vw;
  height: 35px;
  width: 35px;
border: 2px solid #ED9FC2;
  background-color: #ED9FC2;
  border-radius: 50%;
  display: inline-block;
bottom: 1vh;
z-index: 6;
}

#tab3:hover {
position: fixed;
border: 2px solid #ED9FC2;
background-color: #E94C08;
}

h1 {
font-family: 'Satisfy';
font-size: 16px;
color: #;
text-transform: ;
letter-spacing: 2px;
border-bottom: 0px solid #;
background-image: url('https://www.transparenttextures.com/patterns/az-subtle.png');
background-color: #FF8BC0;
background-repeat: repeat;
background-position: center, top;
background-size: ;
text-align: right;
margin-right: 2px;
margin-left: 3px;
line-height: 14px;
margin-top: 3px;
margin-bottom: 3px;
}

</style>

<div id="whole" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="box"></div>
<div id="boximg"></div>
<div id="ooc"><h1>Out of Character</h1></div>
<div id="content1"></div>
<div id="content2"></div>
<div id="content3"></div>
<div id="title">Claira</div>
<a href="#1"><div id="tab1"></div></a>
<a href="#2"><div id="tab2"></div></a>
<a href="#3"><div id="tab3"></div></a>