TSARITA [ DONE ]

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Rock+Salt|Lilita+One|Spicy+Rice|Arvo|Overlock|Srisakdi|Sonsie+One|Neucha);

body {
background-color: #fff;
background-image: linear-gradient(to bottom, #eee, #dee2f1, #acb8d8, #8484aa, #6171a0);
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

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

#overlay {
background: url('https://i.pinimg.com/originals/17/aa/40/17aa40cc5530dfb653e172cbe086f6ee.gif');
z-index: -1;
position: fixed;
background-size: 16%;
left: 0px; top: 0px; right: 0px; bottom: 0px;
}

::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:0px;height:0px;}

#render {
position: absolute;
height: 135vh;
width: 59vw;
background-color: transparent;
border-radius: 0%;
left: 0vw;
bottom: -50vh;
background-repeat: no-repeat;
background-image: url('http://i.picpar.com/ZMOe.png');
z-index: 7;
}

#container {
position: absolute;
z-index: 5;
border-radius: 0%;
border-right: 4px solid #6171a0;
border-top: 4px solid #6171a0;
border-bottom: 4px solid #6171a0;
background-color: #8484aa;
background-image: url('https://www.transparenttextures.com/patterns/checkered-light-emboss.png');
background-position: left, centerbottom;
left: 26vw;
bottom: 0vh;
height: 58.88vh;
width: 66vw;
opacity: 0.95;
}

#circle {
z-index: 4;
position: absolute;
border: 4px solid #6171a0;
background-color: #92dff3;
border-radius: 15%;
background-image: url('https://thumbs.gfycat.com/ContentPinkBlueandgoldmackaw-size_restricted.gif');
height: 58.88vh;
width: 17vw;
bottom: 0vh;
left: 10.63vw;
opacity: 0.95;
}

#titlebot {
position: absolute;
z-index: 5;
font-family: 'Rock Salt';
font-size: 99px;
bottom: 59vh;
left: 28.9vw;
color: #4f4365;
}

#titletop {
position: absolute;
z-index: 6;
font-family: 'Rock Salt';
font-size: 99px;
bottom: 58.5vh;
left: 28.5vw;
color: #acb8d8;
}

#ooc {
position: fixed;
z-index: 7;
left: 37vw;
bottom: 1.7vh;
height: 55vh;
width: 22vw;
border: 2px solid #6171a0;
background-color: #4C5879;
color: #dee2f1;
font-family: 'Neucha';
font-size: 14px;
overflow-y: auto;
padding: 3px;
}

#content {
position: absolute;
z-index: 6;
left: 65vw;
bottom: 1.7vh;
height: 55vh;
width: 22vw;
border: 2px solid #6171a0;
background-color: #4C5879;
color: #dee2f1;
font-family: 'Neucha';
font-size: 14px;
overflow-y: auto;
padding: 3px;
}

#tab1 {
position: absolute;
z-index: 6;
background-color: ;
border-radius: 0%;
background-image: url('https://www.netanimations.net/Falling-snowflake.gif');
background-size: 100%;
background-repeat: no-repeat;
left: 60.2vw;
bottom: 48vh;
height: 65px;
width: 65px;
border: 0px solid #000;
}

#tab2 {
position: absolute;
z-index: 6;
background-color: ;
border-radius: 0%;
background-image: url('https://www.netanimations.net/Falling-snowflake.gif');
background-size: 100%;
background-repeat: no-repeat;
left: 60.2vw;
bottom: 39vh;
height: 65px;
width: 65px;
border: 0px solid #000;
}

#tab3 {
position: absolute;
z-index: 6;
background-color: ;
border-radius: 0%;
background-image: url('https://www.netanimations.net/Falling-snowflake.gif');
background-size: 100%;
background-repeat: no-repeat;
left: 60.2vw;
bottom: 30vh;
height: 65px;
width: 65px;
border: 0px solid #000;
}

#tab4 {
position: absolute;
z-index: 6;
background-color: ;
border-radius: 0%;
background-image: url('https://www.netanimations.net/Falling-snowflake.gif');
background-size: 100%;
background-repeat: no-repeat;
left: 60.2vw;
bottom: 21vh;
height: 65px;
width: 65px;
border: 0px solid #000;
}

#tab5 {
position: absolute;
z-index: 6;
background-color: ;
border-radius: 0%;
background-image: url('https://www.netanimations.net/Falling-snowflake.gif');
background-size: 100%;
background-repeat: no-repeat;
left: 60.2vw;
bottom: 12vh;
height: 65px;
width: 65px;
border: 0px solid #000;
}

#tab6 {
position: absolute;
z-index: 6;
background-color: ;
border-radius: 0%;
background-image: url('https://www.netanimations.net/Falling-snowflake.gif');
background-size: 100%;
background-repeat: no-repeat;
left: 60.2vw;
bottom: 3vh;
height: 65px;
width: 65px;
border: 0px solid #000;
}

h1 {
font-family: 'Sonsie One';
font-size: 16px;
color: #4f4365;
text-transform: ;
letter-spacing: 2px;
border-bottom: 0px solid #;
background-image: url('https://www.transparenttextures.com/patterns/fresh-snow.png');
background-color: #acb8d8;
background-repeat: repeat;
background-position: center, top;
background-size: ;
text-align: center;
margin-right: 1px;
margin-left: 1px;
line-height: 14px;
margin-top: 3px;
margin-bottom: 8px;
}

b {
font-family: 'Srisakdi';
color: #8AA6F2;
text-align: justify;
font-size: 14px;
}

a {
font-family: 'Spicy Rice';
color: #887DB8;
text-decoration: none;
}

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

i {
color: #CF9AFF;
}

</style>

<div id="whole" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="render"></div>
<div id="container"></div>
<div id="circle"></div>
<div id="titlebot">Tsaritsa the Cold</div>
<div id="titletop">Tsaritsa the Cold</div>
<a href="#2"><div id="tab1"></div></a>
<a href="#3"><div id="tab2"></div></a>
<a href="#4"><div id="tab3"></div></a>
<a href="#5"><div id="tab4"></div></a>
<a href="#6"><div id="tab5"></div></a>
<a href="#1"><div id="tab6"></div></a>
<div id="ooc">
<h1>Out of Valhalla</h1>
<B>Note:</B> This code was made for 80% zoom on a screen that is 1366 x 768. I code for the zoom I keep my screen at. My apologies in advance. It should look something like <a target="_blank" href="http://i.picpar.com/4QPe.png" target="_blank">this</a>!<br><br>
<B>00</B>. This code was made <a target="_blank" href="https://roleplay.chat/profile.php?user=Sailor+Chuu" target="_blank">Chuu</a> For @Reginleif on RPC. I did the render myself, but the artwork belongs to <a target="_blank" href="https://www.artstation.com/zeronis-pk" target="_blank">Zeronis</a>. The image is an adaptation of Elsa from the Disney franchise, Frozen.<br><br>
<B>02.</B> OC for the Paradox Room on RPC. Also the admin's alt. Same rules generally apply, and if you have any questions, feel free to DM me! <br><br>
<B>03.</B> PM-friendly, but no smut messages please. However, I am open to conversation, just have a purpose in mind when approaching me because idle chit-chat isn't my thing.<br><br>
<B>04.</B> Getting ready to start classes again as of <I>08/25/2020</i> so my availability will plummet. I'm sorry for the inconvenience. You're welcome to leave mail if you are looking to find me.

</div>
<div id="content">
<div style="height: 54.95vh;overflow:hidden;">
<a name="1"></a>
<div style="height: 54.95vh; overflow: auto;">
<div style="margin: 0 auto; width: 26.65em;">
<h1>Statistics</h1>
<h1>Appearance</h1>
<B>Hair Color:</B> <font style=float:right>Platinum Blonde.</font><br>
<B>Hair Length:</b> <font style=float:right>Hip-Length.</font><br>
<B>Eye Color:</b> <font style=float:right>Ocean Blue.</font><br>
<B>Skin Tone:</b> <font style=float:right>Alabaster.</font><br>
<B>Complexion:</B> <font style=float:right>Smooth.</font><br>
<B>Build:</B> <font style=float:right>Mesomorph.</font><br>
<B>Physique:</b> <font style=float:right>Toned.</font><br>
<B>Height:</b> <font style=float:right>5'8".</font><br>
<B>Scent:</b> <font style=float:right>Spring Rain.</font><br>
<B>Blood Type:</B> <font style=float:right>A.</font>
</div></div>

<a name="2"></a>
<div style="height: 55vh; overflow: auto;">
<div style="margin: 0 auto; width: 26.65em;">
<h1>Skills</h1>

</div></div>

<a name="3"></a>
<div style="height: 55vh; overflow: auto;">
<div style="margin: 0 auto; width: 26.65em;">
<h1>Inventory</h1>
</div></div>

<a name="4"></a>
<div style="height: 55vh; overflow: auto;">
<div style="margin: 0 auto; width: 26.65em;">
<h1>Headcanons</h1>

</div></div>

<a name="5"></a>
<div style="height: 55vh; overflow: auto;">
<div style="margin: 0 auto; width: 26.65em;">
<h1>Personality</h1>
</div></div>

<a name="6"></a>
<div style="height: 55vh; overflow: auto;">
<div style="margin: 0 auto; width: 26.65em;">
<h1>Connections</h1>

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