<style>
@import url('https://fonts.googleapis.com/css2?family=Changa&family=Changa+One&family=Yusei+Magic&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jomhuria&display=swap');

	body { background: linear-gradient(45deg, #8e9eab, #eef2f3); overflow: hidden; cursor: url('http://i.imgur.com/uW2lx.jpg'), default;}

	.pic { position: fixed; bottom: 0vh; left: 0vw; height: 70vh; width: 33vw; background: url('https://i.ibb.co/bLkwRk6/apollo.png') no-repeat; background-size: cover; filter: contrast(120%) drop-shadow(-.8vh .8vh 0vh #fff); z-index: 101; pointer-events: none;}

	.text { position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url("https://www.transparenttextures.com/patterns/foggy-birds.png"); opacity: 1;}


	.container { position: absolute; bottom: 5vh; left: 20vw; height: 50vh; width: 50vw; background: #8e9eab; border: solid 10px #fff; filter: drop-shadow(.5vh .5vh 0vh #8e9eab);}

	.title { position: absolute; top: 20vh; left: 20vw; font-family: 'Jomhuria', cursive; color: #fff; font-size: 20vw; z-index: 100; pointer-events: none; font-style: italic; filter: drop-shadow(.5vh 0vh 0vh #778ba5);}

	.inner1 { position: absolute; top: 2vh; right: 1vw; height: 46vh; width: 15vw; background: ; font-family: 'Yusei Magic', sans-serif; color: #fff; overflow: auto; line-height: 2vh; font-size: 1.5vh; text-transform: uppercase;}

	.tabb { z-index: 103; position: absolute; bottom: 20.5vh; left: 15vw; height: 5vh; width: 17vw; }


	.one { position: absolute; bottom: 3vh; left: 0vw; height: 3vh; width: 1.5vw;  background: #fff;  transition: all .7s ease-in-out; transform: rotate(50deg); }

	.one:hover { box-shadow: 0px 0px 5px #fff; transform: rotate(360deg);} .two:hover { box-shadow: 0px 0px 5px #fff; transform: rotate(360deg);} .three:hover { box-shadow: 0px 0px 5px #fff; transform: rotate(360deg);} .four:hover { box-shadow: 0px 0px 5px #fff; transform: rotate(360deg);} .five:hover { box-shadow: 0px 0px 5px #fff; transform: rotate(360deg);}

	.two { position: absolute; bottom: 3vh; left: 3vw; height: 3vh; width: 1.5vw;  background: #fff; transition: all .7s ease-in-out; transform: rotate(50deg);}

	.three { position: absolute; bottom: 3vh; left: 6vw; height: 3vh; width: 1.5vw;  background: #fff;  transition: all .7s ease-in-out; transform: rotate(50deg);}

	.four { position: absolute; bottom: 3vh; left: 9vw; height: 3vh; width: 1.5vw;  background: #ffff;  transition: all .7s ease-in-out; transform: rotate(50deg);}

	.five { position: absolute; bottom: 3vh; left: 12vw; height: 3vh; width: 1.5vw;  background: #fff;  transition: all .7s ease-in-out; transform: rotate(50deg);}


	.info { z-index: 1; position: absolute; bottom: 1vh; left: 12vw; height: 20vh; width: 19vw; background: #b0c4de; padding: 1vh; overflow: auto; opacity: 0; font-family: 'Yusei Magic', sans-serif;
 color: #fff; text-transform: uppercase; font-size: 1.5vh; line-height: 2vh; text-align: justify; }

	.ooc { z-index: 1; position: absolute; top: 2vh; left: 12vw; height: 18vh; width: 19vw; background: #b0c4de; padding: 1vh; overflow: auto;  font-family: 'Yusei Magic', sans-serif;
 color: #fff; text-transform: uppercase; font-size: 1.5vh; line-height: 2vh; text-align: justify;}

       .info:target { z-index: 100; opacity: 1; transition: all .7s ease-in-out; }

	U { text-decoration:none; text-transform: ; font-family: 'changa', sans-serif; color: #f0e68c; text-shadow: 0px 0px 5px #f0e68c;  }

		h1 {text-decoration: none; text-transform: lowercase; text-align: ; padding-left: .5vw; padding-bottom: -1vh;  font-family: 'Changa One', cursive;  font-weight: 400; background-color: #191970; color: #fff; font-size: 4vh;  line-height: 1.5vh; letter-spacing: .3vw;  }


	::-webkit-scrollbar { display: none;}

	a { text-decoration: none; color: #eedc82; transition: all .55s ease-in-out;} a:hover { text-shadow: 0px 0px 3px #eedc82; cursor: url('http://i.imgur.com/UOfqT.jpg'), default;}


	i { color: #7df9ff;}

	b { color: #008b8b; font-weight: 400;}


</style>
<div class="pic"></div>
<div class="text"></div>
<div class="container"><div class="inner1">
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
<div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div></div>
<div class="tabb"><a class='one' href='#one'></a>
<a class='two' href='#two'></a>
<a class='three' href='#three'></a>
<a class='four' href='#four'></a>
<a class='five' href='#five'></a></div>
<div class="info" id="one">
<h1>header here</h1>
Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!


</div>

<div class="info" id="two">
<h1>header here</h1>
<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="img link here" style="width:100px;padding:4px;background-color:#191970;"></a>

</div>

<div class="info" id="three">
<h1>header here</h1>

Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!

</div>

<div class="info" id="four">
<h1>header here</h1>

Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!

</div>

<div class="info" id="five">
<h1>header here</h1>

Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!

</div>
<div class="ooc">i. code made for <i>AC Apollo</i> by <a target="_blank" href="">scoob</a> for the use only. if you're interested in a code of your own, send them mail or dm them.
<br>ii. <i>italics</i> <b>bold</b> <u>underline</u> <a title="">hover</a> <a target="_blank" href="">link</a></div></div>
<div class="title">title here</div>