...

body {background:#111;background-repeat: repeat;background-position:top;overflow:hidden}
a{text-decoration:none}*{transition:all 1s ease;color:rgba(255,255,255,0.8);text-decoration:none;font-family:Calibri;font-size:8pt;-webkit-user-select:none}[name=top]{z-index:0;position:absolute;left:0%;top:0%; background:; background-size:normal;height:8px;width:100%}
[name=bot]{z-index:0;position:absolute;left:0%;bottom:0%; background:; background-size:normal;height:8px;width:100%}[name=box2]{width: 353px;height: 560px;margin-top: 5px;margin-left: 960px;position: absolute;color: #0e0e00;}
[name=frase]{width: 337px;height: 34px;border-left: 15px solid #252525;text-align: center;background: #4DD0E1;font-weight: bold;line-height: 35px;font-family:'Agency FB';text-transform:uppercase;font-size:14px}
[name=box3]{width: 169px;height: 140px;margin-top: 35px;background:#4DD0E1;position: absolute;}
[name=info]{width: 149px;height: 120px;margin-top: 10px;text-transform: uppercase;margin-left: 10px;position: absolute;overflow: auto;text-align: justify;line-height: 20px;padding-right: 5px;font-size: 8px;}
[name=info2]{padding: 4px;font-weight: bold;background: transparent;margin-right: 1px;}
[name=img]{width: 169px;height: 129px;position: absolute;margin-top: 0px;margin-left: 183px;border:1px solid #4DD0E1;text-transform: uppercase;overflow: auto;text-align: justify;line-height: 20px;padding:5px;font-size:7px;color:#FFF;background:#252525}
[name=sobre]{background: #252525;width: 353px;height: 160px;position: absolute;margin-top: 200px;}
[name=hist]{width: 320px;height: 130px;padding-right: 5px;position: absolute;margin-top: 220px;margin-left: 15px;overflow: auto;font-family: Calibri;font-size: 10px;line-height: 14px;text-align: justify;} ::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:#002437}::-webkit-scrollbar-track{background-color:#002437}
[name=hist]:first-letter {color: white;padding: 8px 9px;border: 3px solid #4DD0E1;text-transform: uppercase;display: block;margin-right: 3px;font-family: 'Agency FB';text-align: center;margin-top: 2px;background:#4DD0E1;font-size: 20px;float: left;font-weight: 900;}
[name=icon1]{width: 65px;height: 65px;margin-top: 390px;background:#252525;position: absolute;text-transform: uppercase;font-size: 8px;text-align: center;letter-spacing: 2px;line-height: 9px;}
[name=gif]{width: 65px;height: 65px;background: url(http://images2.fanpop.com/images/photos/4100000/Cloud-Strife-cloud-strife-4197192-100-100.jpg)center/cover;position: absolute;margin-top: 455px;margin-left: 0px;}
[name=icon2]{width: 65px;height: 65px;margin-top: 455px;margin-left: 80px;background: #4DD0E1;position: absolute;text-transform: uppercase;font-size: 8px;text-align: center;letter-spacing: 2px;line-height: 9px;}
[name=gif2]{width: 65px;height: 65px;background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/05020a4f-5c23-479b-907a-fc4c5c293331/d39v9nr-68cbd806-ae0c-43e3-942f-b2bf607737a6.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA1MDIwYTRmLTVjMjMtNDc5Yi05MDdhLWZjNGM1YzI5MzMzMVwvZDM5djluci02OGNiZDgwNi1hZTBjLTQzZTMtOTQyZi1iMmJmNjA3NzM3YTYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VOLqyYSmqWtmrv6UKwcZ493BRWE6q8FVMWTgsPMHMEo)center/cover;position: absolute;margin-top: 390px;margin-left: 80px;}
.links{width: 210px;text-transform: uppercase;margin-top: 380px;margin-left: 150px;}
.links a {width: 78px;height: 17px;background: #4DD0E1;border-left: 7px solid #252525;padding-left: 5px;display: inline-block;margin-left: 10px;margin-top: 10px;font-size: 10px;line-height: 17px;letter-spacing: 0px;color: #4DD0E1;font-family:'Agency FB'}
.links a:hover {background:#F44336 ;border-left: 7px solid #FF7043;}
[name=oro]{width: 410px;margin-top: -5px;margin-left: 350px;background:#fff;border:1px solid #F44336;padding: 5px;letter-spacing: 1px;}
#nowaymenu{position:absolute}#nowaymenu{bottom:0;}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadeIn{0%{opacity:1}100%{opacity:1}}*{animation:fadeIn 5s 1}*{-webkit-animation:fadeIn 2s 1}*{transition: all 0.3s;}[name=img] [name=info2]{color:#4DD0E1;font-weight:bold}





html



<div id="NotAllowedme">
<div> </div>
<div> </div>
<div><br>
</div>
<div> </div>
<div>
<div name="top"></div>
<div name="box">
<div name="box2">
<div name="frase">Account Information</div>
<div name="box3">
<div name="info">
<span name="info2">Emmanuel</span> Name<br>
<span name="info2">Hane</span> Shortname<br>
<span name="info2">Libra</span> Zodiac Sign<br>
<span name="info2">Spain</span> Nationality<br>
<span name="info2">Eighteen</span> Age<br>
 <span name="info2">Studying</span> Status<br></div>
<div name="img"><span name="info2">Graphic Designer</span> Occupation<br>
<span name="info2">Human</span> Raze<br>
<span name="info2">Request</span> Open <br>
<span name="info2">Single</span> Relationship<br>
<span name="info2">Laws</span> Studying<br>
 <span name="info2">Studying</span> height<br></div></div>
<div name="sobre"></div>
<div name="hist">Hello People I am Emmanuel or Hane </div>
<div name="icon1"><br><br><br>Effo</div>
<div name="gif"></div>
<div name="gif2"></div>
<div name="icon2"><br><br><br>Rastic</div>
<div class="links">
 <a href="Efforastic">.</a></br>
<a href="Efforastic">.</a>
 </br>
<a href="Efforastic">.</a>
 </br>
<a href="Efforastic">.</a>
 </br>
<a href="Efforastic">.</a>
</div></div>
</div></div>
</div>
<div name="bot"></div>
<div name="oro">
<table><tr>
<td><img src="http://u.cubeupload.com/Hane/Asuna1.gif" width="200" height="284/" /></td><td><img src="http://u.cubeupload.com/Hane/Asuna2.gif" width="200" height="284/" /></td></tr><tr><td><img src="http://u.cubeupload.com/Hane/Asuna3.gif" width="200" height="284/" /></td><td><img src="http://u.cubeupload.com/Hane/Asuna4.gif" width="200" height="284/" /></td></tr>
</table></div>