background:var(---Theme)}*{-webkit-user-select:none}:root{overflow:hidden;---Theme:#000;---Cover:url('http://u.cubeupload.com/Unbreakablee/Ygxu3sJjS8yt05QLeD8Z.png');---Dep:url('https://i.cubeupload.com/IRDzoR.gif');---Scape:url('https://i.cubeupload.com/caq6y8.gif')}[name='_']{width:596px;height:778px;background:var(---Cover);margin-left:350px;position:fixed}.-_{background:var(---Dep)center/cover;width:500px;height:150px;margin-top:605px;margin-left:50px;position:fixed;box-shadow:5px 5px 0px #333}.-__-{background:var(---Scape)center/cover;width:500px;height:150px;margin-top:450px;margin-left:50px;box-shadow:-5px -5px 0px #333}.-_-_{font-family:'Agency FB';color:rgba(225,225,225,.9);text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:1px}h1{font-size:30px;padding-top:70px;line-height:10px}.-_-_-{font-family:'Agency FB';color:rgba(225,225,225,.9);text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:1px;width:200px;margin-left:300px;margin-top:50px}h2{font-size:30px;line-height:10px}.-___-_{border:1px solid #999;padding:10px;width:20px;height:20px;text-align:center;margin-bottom:10px;font-size:14px;font-family:'Tahoma';background:#0b0b0b;-webkit-transition-duration:3s}.-___-_:hover{background:#000;-webkit-transition-duration:3s}a{color:rgba(225,225,225,.75);text-decoration:none}a:hover{background:#000;-webkit-transition-duration:3s}[name='Nav']{margin-left:950px;margin-top:150px;position:fixed}img{opacity:0.5;-webkit-transition-duration:3s}img:hover{opacity:1;-webkit-transition-duration:3s}[name='_']{opacity:0.5;-webkit-transition-duration:3s}[name='_']:hover{opacity:1;-webkit-transition-duration:3s}[name='Player']{opacity:0.5;-webkit-transition-duration:3s}[name='Player']:hover{opacity:1;-webkit-transition-duration:3s}.-_{opacity:0.5;-webkit-transition-duration:3s}.-_:hover{opacity:1;-webkit-transition-duration:3s}.-__-{opacity:0.5;-webkit-transition-duration:3s}.-__-:hover{opacity:1;-webkit-transition-duration:3s;}}}}}}}}

HTML
------------------------------------------
  <div name="_">
  <div class="-_">
    <div class="-_-_-">
      <h2>Fantasy</h2>
      <strong>" My fantasy of defeating you "</strong>
    </div>
  </div>
  <div class="-__-">
    <div class="-_-_">
      <h1>Moonlight</h1>
      <strong>" My sweet Moonlight that accompanies me every night "</strong>
    </div>
  </div>
</div>
<div name='Nav'>
  <a href="i="><div class="-___-_">I</div></a>
  <a href="i="><div class="-___-_">II</div></a>
 <a href="i="><div class="-___-_">III</div></a>
  <a href="i="><div class="-___-_">IV</div></a>
  <a href="i="><div class="-___-_">V</div></a>
</div>