yugito

<style>
body { background-color:#B9B0B5; }
a:active, a:visited,a:link { color: 000000; text-decoration:none;}
a:hover { color: Black; text-decoration:none; }

#img1{
position: absolute;
bottom: 0px;
left: 0px;
background-size:100%; }

#Info {
width: 450px;
height: 155px;
position: absolute;
bottom: 350px;
left:40%;
background-color:transparent;
border:	#90CCF3 double 4px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-variant: small-caps;
text-align: right;
font-size: 12pt;
overflow: auto;
color: #FFF;
}

#menu {
position: absolute;
left:35%;
bottom: 350px;
z-index: 1;
}

a.nav:link, a.nav:active, a.nav:visited{
text-decoration: none;
width:15px;
height:15px;
display:block;
padding:0px;
border:1px solid;
border-color: 	#90CCF3;
border-radius: 600px;
background-color: #02287C;
opacity: .6;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.nav:hover{
background-color: transparent;
opacity: 0;
}

a {
 color: #FFF;
 text-decoration: none;
}


h1 {
font-size: 8pt;
color: #9766FF;
text-align: left;
font-weight: normal;
letter-spacing: 2px;
margin-bottom: 4px;
margin-left: 0px;
margin-right: 5px;
border-bottom: #9766FF solid 1px;
border-left: #9766FF solid 15px;
padding-left: 5px;
}

</style>


<div id="menu">
<a class="nav" href="#1"></a><br>
<a class="nav" href="#2"></a><br>
<a class="nav" href="#3"></a><br>
<a class="nav" href="#4"></a><br>
</div>
</div>


<div id="img1">
<img src="https://i.pinimg.com/564x/79/23/b1/7923b1bc63db75cd1de138c314f23bcc--yugito-nii-vila.jpg">
</div>

<div id="Info">

<div style="width: 100%; height: 100%; overflow-y: hidden; background-image: url(http://i.picpar.com/cj7c.gif"); background-repeat: repeat; background-size:100%;background-attachment: fixed; background-position: center; ">
<a name="1"></a>
<div style="width: 212px; height: 255px; overflow-y: auto; overflow-x: hidden;">
test test test test test test test test
</div>

<div style="width: 600px; height: 255px; overflow-y: hidden;">
<a name="2"></a>
<div style="width: 600px; height: 255px; overflow-y: auto;">
</div>

<div style="width: 600px; height: 255px; overflow-y: hidden;">
<a name="3"></a>
<div style="width: 600px; height: 255px; overflow-y: auto;">


</div>

<div style="width: 600px; height: 255px; overflow-y: hidden;">
<a name="4"></a>
<div style="width: 600px; height: 255px; overflow-y: auto;">
</div>