Pale Tits

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Comfortaa);
@import url(https://fonts.googleapis.com/css?family=Montez);

::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:#482C66;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

body{
background: url(http://i.imgur.com/Awus24Q.jpg?1);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
overflow: hidden;
}

.tab1{height: 70px;width: 70px;background: url(http://i.imgur.com/6YfjJZm.png) no-repeat;background-size: 100% 100%;position: fixed;top: 13%;left: 18%;-webkit-animation-name: spin;
-webkit-animation-duration: 25000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -ms-animation-name: spin; -o-animation-name: spin;z-index: 2;}@-webkit-keyframes spin {from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(360deg); }}

.tab2{height: 70px;width: 70px;background: url(http://i.imgur.com/6YfjJZm.png) no-repeat;background-size: 100% 100%;position: fixed;top: 25%;left: 13%;-webkit-animation-name: spin2;
-webkit-animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin2; -ms-animation-name: spin2; -o-animation-name: spin2;z-index: 2;}@-webkit-keyframes spin2 {from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(-360deg); }}

.tab3{height: 70px;width: 70px;background: url(http://i.imgur.com/6YfjJZm.png) no-repeat;background-size: 100% 100%;position: fixed;top: 45%;left: 12%;-webkit-animation-name: spin3;
-webkit-animation-duration: 15000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin3; -ms-animation-name: spin3; -o-animation-name: spin3;z-index: 2;}@-webkit-keyframes spin3 {from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(360deg); }}

.tab4{height: 70px;width: 70px;background: url(http://i.imgur.com/6YfjJZm.png) no-repeat;background-size: 100% 100%;position: fixed;top: 66%;left: 13%;-webkit-animation-name: spin4;
-webkit-animation-duration: 10000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin4; -ms-animation-name: spin4; -o-animation-name: spin4;z-index: 2;}@-webkit-keyframes spin4 {from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(-360deg); }}

.tab5{height: 70px;width: 70px;background: url(http://i.imgur.com/6YfjJZm.png) no-repeat;background-size: 100% 100%;position: fixed;top: 78%;left: 18%;-webkit-animation-name: spin5;
-webkit-animation-duration: 30000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin5; -ms-animation-name: spin5; -o-animation-name: spin5;z-index: 2;}@-webkit-keyframes spin5 {from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(360deg); }}


#infobackground{
 position: absolute;
 z-index: 3;
 left: 20%;
top:25%;
border: 5px groove #f6b63a;
height:50%;
width:20%;
background-color:#000;
overflow-x:auto;
overflow-y:auto;
box-shadow: -0.3vw 0.3vw 0.3vw #000;
overflow: hidden;
opacity:0.9;}

#infobox{
 position: absolute;
 z-index: 5;
 left: 0%;
top:0%;
border: 5px groove #;
height:100%;
width:100%;
background-color:#;
overflow-x:auto;
overflow-y:auto;
font-family: Comfortaa;
font-size:13px;
color:#fefb92;
opacity:1;}

h1{
color: #05b6d7;
text-shadow: -0.1vw 0.1vw 0.1vw #fff;
font-family: montez;
font-size: 5vh;
letter-spacing: 0.1vw;
font-weight: normal;
text-align: center;
margin-top:0px;
margin-bottom:2px;
Border-bottom: 1px solid #f6b63a;
Border-left: 20px solid #0b9c93;
Border-right: 20px solid #C91515;
}


b, strong { color: #ccc;font-size:14px;}

a:active, a:link, a:visited {
color: #2E87F4;
text-decoration: none;
-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: #fff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}


</style>
<img src="http://i.imgur.com/DpZanAA.png" height="100%" style="position:fixed; bottom:0%; right: 0%;">
<a href="http://i.imgur.com/qabb7kI.jpg" title="Profile by Pachi/Tohsaka"><img src="http://i.imgur.com/K7IdUM2.png" height="20%" style="position:fixed; bottom:0%; left: 0%;"></a>

<a href="#1"><div class="tab1"></div></a>
<a href="#2"><div class="tab2"></div></a>
<a href="#3"><div class="tab3"></div></a>
<a href="#4"><div class="tab4"></div></a>
<a href="#5"><div class="tab5"></div></a>

<div id="infobackground">
<div id="infobox">
<center>
<div style="height: 100%; overflow-y: hidden;">
<a name="1"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<h1>Title</h1>
Tab 1 <b>Bold</b> <i>Italic</i> <a href="link.com" target="_blank">Link</a>
</div>

<a name="2"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<h1>Title</h1>
Tab 2
</div>


<a name="3"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<h1>Title</h1>
Tab 3
</div>

<a name="4"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<h1>Title</h1>
Tab 4
</div>

<a name="5"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<h1>Title</h1>
Tab 5
</div>
</div>
</div>