Skech

<style>

@import url(//fonts.googleapis.com/css?family=Press+Start+2P);

body {background: white;
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;
}

a, visited, a:hover { text-decoration: none; font-weight: bold; color: black;
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=25279), auto; }

a.b { font-weight: 400;
  animation:mysecond 1s;
-webkit-animation:mysecond 1s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;}

a.cursor:hover { cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto; }

.pfor {display: none;}
#profile {border: 0px;}
#profile {background-color: transparent;}


#wholeworld{
  position: fixed;
  background: transparent;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  border: 0px solid red;}

#wholeworld2{
  position: fixed;
  background: transparent;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  border: 0px solid red;}



  #infobox{
    margin-top: 10%;
    margin-left: 5%;
    height: 400px;
    width: 300px;
    border: 1px dashed transparent;
    position: absolute;
z-index: 20;
transition: border 1s;
-webkit-transition: border 1s;
overflow :hidden;
}

#infobox:hover{
border: 1px dashed black;
  }

    #hoverbox{
text-align: left;
      border: 0px dotted red;
      height: 20px;
      width: 300px;
      padding-left: 5px;
      padding-top: 10px;
      position: absolute;
      margin-left: 0px;
      font-size: 15px;
      font-family: 'Press Start 2P', Times;
      font-weight: 400;

  animation:mysecond 3s;
-webkit-animation:mysecond 3s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}

@keyframes mysecond
{
0%   {color: black;}
50%  {color:transparent;}
100% {color: black;}
}

@-webkit-keyframes mysecond
{
0%   {color:black;}
50%  {color:transparent;}
100% {color:black;}
}


    #descrip{
color: black;
      padding-left: 10px;
      overflow: hidden;
      overflow-y: auto;
      font-family: 'Arial', Times;
      font-size: 11px;
      text-align: justify;
      opacity: 0;
      position: absolute;
      height: 360px;
      width: 300px;
margin-top: 30px;
      padding-top: 0px;
      border: 0px dashed transparent;
          transition: opacity 1s;
    -webkit-transition: opacity 1s;
padding-right: 20px;
    }

    #descrip:hover{
      opacity: 100;
    }

  #divchange{
    background: transparent;
    height: 100%;
    width: 100%;
    border: 0px dashed blue;
  }

  #divchange.a {
    background-color: #FFFFFF;
    background-image:
    url('http://i18.photobucket.com/albums/b149/abysmal_rage/33fb156975c64ea4d183e85d36e7c5ec.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%

  }

  #divchange.b{
    background-color:#735135;
    background-image:
    url('http://i18.photobucket.com/albums/b149/abysmal_rage/ccbf135a49456785f62e0b0fedab07fb1.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%;
  }

  #divchange.c{
    background-color:#364B2C;
    background-image:
    url('http://i18.photobucket.com/albums/b149/abysmal_rage/841d1654d8ca69e1a566ecae83a5466e.jpg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: top right;
  }


  #selectiondiv{
    height: 46px;
    width: 150px;
    border: 0px dashed green;
    left: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    background: transparent;
position: absolute;
  }

  #selectthis{
    height: 40px;
    width: 40px;
    border-radius: 180px;
    background: black;
    position: absolute;
    border: 2px dashed black;
z-index; 5;
  }

  #selectthis:hover{animation:myfirst 2s;
-webkit-animation:myfirst 1s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}

@keyframes myfirst
{
0%   {border-color: black;}
50%  {border-color:transparent;}
100% {border-color: black;}
}

@-webkit-keyframes myfirst
{
0%   {border-color:black;}
50%  {border-color:transparent;}
100% {border-color:black;}
}



  #selectthis.a{
    background-color:#FFFFFF;
    margin-left: 0px;
    }

  #selectthis.b{
    background-color:#735135;
    margin-left: 50px;}

  #selectthis.c{
    background-color:#364B2C;
    margin-left: 100px;}


    </style>

<div id="wholeworld" >

<div id="selectiondiv">

<a href="#SectionA" class="cursor"><div id="selectthis" class="a">
</div></a>
<a href="#SectionB" class="cursor"><div id="selectthis" class="b">
</div></a>
<a href="#SectionC" class="cursor"><div id="selectthis" class="c">
</div></a>

</div>

<div id="infobox">
<div id="hoverbox">
<a href="http://youtu.be/HlnA4KuqXGE" target="_blank" class="b">
Press Start</a>
</div>
<div id="descrip">
Videogame fanatic.<br>
Will destroy your ass in a fighting game.<br>
Will destroy your ass because he likes destroying ass?<br>
<a href="http://f-list.net/c/skech" target="_blank">F-list</a> for details on his ass-destruction kinks.
<br>
Doesn't discriminate with gender.
<br>
A bit of a sore loser (rarely loses).<br>
<br>
Male (obviously). 7'9", balanced build.<br>
Likes lounging around but easily excited.<br>
Very easily antagonized into a fight.<br>
<br>
Loves pizza.<br>
Loves fruit.<br>
Loves movies.<br>
Loves games in general.<br>
Loves a challenge.<br>
Loves sex somewhere below games and above food.</br><br>
Hates an easy win (in games).<br>
Hates vegetables.<br>
Hates to work.<br><br>

<b>Important</b><br>
Reproduces moves from fighting games, including all<br> special and super attacks.
Sometimes this is attended<br> by costume changes, but isn't guaranteed.<br><br>

<b>OOC</b><br>
Art is not mine, copyrighted <a href="http://www.furaffinity.net/user/airu/" target="_blank">Airu</a>.<br>
If the artist wants me to take it down, no prob.
</div>
</div>


<div id="wholeworld2">





<a name="SectionA"></a>
<div id="divchange" class="A">
</div>

<a name="SectionB" ></a>
<div id="divchange" class="B">
</div>

<a name="SectionC" ></a>
<div id="divchange" class="C">
</div>


</div>
</div>
</div>