Sailor

<style>

body {
color:#00BFFF;
}

.side{
background-image:url(http://i63.tinypic.com/24nf9zk.jpg);
background-size:100%;
background-position:top;
background-repeat: no-repeat;
position:fixed;
top: 1px;
left: 0px;
width: 1900px;
height: 1900px;
}

.leftpic {background: none;
background: url(https://img00.deviantart.net/bccf/i/2016/096/7/7/sailor_galaxia_by_isack503-d9xyk10.png);
background-size: 100%;
background-repeat: no-repeat;
position: fixed;
text-align: center;
width: 200px;
height: 570px;
top: 100px;
left: 300px;
border-radius: 0px;
border: 0px solid #404040;}

.rightpic {background: none;
background: url(http://i64.tinypic.com/2n7o1gp.jpg);
background-size: 120%;
background-position: center;
background-repeat: no-repeat;
position:fixed;
text-align:center;
width: 250px;
height: 210px;
top: 30px;
left: 720px;
border-radius: 0px;
border: 5px solid #ccc;}


.info {
opacity: 0.0;
z-index: -9
}

.info:target {
z-index: 99;
opacity: 1;
}


#box{
position: fixed;
top: 350px;
left: 570px;
width: 550px;
height: 350px;
background-color: #A71B04;
border: 1px solid #000;
border-radius: 50px;
font-family: calibri;
text-align: center;
font-size: 15px;
z-index: 9;

}

#nav{
position: fixed;
top: 270px;
left: 700px;
width: 300px;
height: 300px;

font-size: 15px;
}

#nav a{
display: block;
text-decoration: none;
text-align: center;
width: 50px;
height: 30px;
color: #602020;
opacity: 0.5;
letter-spacing: 1px;
border: 1px solid #000;
border-radius: 100px;
margin-top: 10px;
margin-left: 5px;
float: left;
transition-duration: 0.8s;
}

#nav a:hover{
background-color: #000;
transition-duration: 0.8s;
}

</style>

<div class="side"></div>

<div class="leftpic"></div>

<div class="rightpic"></div>

<div id="nav">
<a href="#one"></a>
<a href="#two"></a>
<a href="#three"></a>
<a href="#four"></a>
<a href="#reset"></a>
</div>


<div id="one" class="info">
<div id="box">
one
</div>
</div>

<div id="two" class="info">
<div id="box">
two
</div>
</div>

<div id="three" class="info">
<div id="box">
three
</div>
</div>

<div id="four" class="info">
<div id="box">
four
</div>