Untitled

<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
<title>Realms!</title>

<style type="text/css">

#Title {
  color:#e0e0e0;
  font-family: 'Niconne', cursive;
  font-size:80px;
  font-style:oblique;
  letter-spacing:3px;
  text-align:center;
}

#Sub {
  color:#a5a5a5;
  font-family: verdana;
  font-size:9px;
  text-align:center;
  position: relative;
  top: -10px;

}

#headers {
  width:460px;
  position: relative;
  left:12px;
  background-color:#454348;
  border-radius: 1em 4em 1em 4em;
  -webkit-transition: all 0.6s ease-in-out;

}


#headers:hover {
  -webkit-transition: all 0.6s ease-in-out;
  width:460px;
  position: relative;
  left:12px;
  background-color:#514f54;
  border-radius: 1em 4em 1em 4em;
  transition:all 0.6s ease-in-out;
}

#Realm {
  color:#e0e0e0;
  display:block;
  font-family:ms gothic;
  font-size:30px;
  letter-spacing:10px;
  margin:5px 0 0;
  padding:10px 20px;
  text-align:center;
  transition:all 0.7s ease-in-out;
  width:auto;
}

#description {

    width:18%;
    height:100px;
    overflow:scroll;
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    color: #e0e0e0;
    letter-spacing: 1px;
    padding:20px;
    background:#3f374c;
    position: absolute;
    left:810px;
    text-align:justify;

}


</style></head><body>

<body background="http://static.tumblr.com/pgongfd/vVRn0bcg2/concrete_wall-2.png">

<div id="Title">Realms of Aether</div>

<!---THIS IS ONE THING --->
<table align="center">
<td style="vertical-align:top;position:auto;table-layout: fixed;">

<div id="headers"><div id="Realm">AETHER</div>
<div id="Sub">introduced here </div></div>

<div id="description">I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there.  I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there.    </div>


</TD></table></body>

<!---END THE ONE THING --->
<br><br><br><br><br><br><br>
<!---THIS IS ONE THING --->
<table align="center">
<td style="vertical-align:top;width:0px;">

<div id="headers"><div id="Realm">TWERK CITY</div>
<div id="Sub">introduced here</div></div>

<div id="description">I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there. I see you standing there.    </div>


</TD></table></body>

<!---END THE ONE THING --->


</html>