ul.menu {
  list-style: none;
  color: orange;
  border-buttom: thick solid #ffccff;
  width:100%;
  margin: 2% 0;
  margin-left: 20%;
}

ul.menu li {
  float: left;
}

ul.menu a {
  display: block;
  padding: 2px 20px;
  color: #E6E6FA;
}

.menu a:hover {
  background-color: orange;
  color: #CFF;
}
#self {
  color: #CCFFFF;
  background-color: #7F6636;
}

html {
  background-color:black;
}
body {
  color: #C4C4C4;
  font: medium "Trebuchet MS", trebuchet, verdana, sans-serif;
  margin: 2% 8%;
}

h2 {
  color:orange;
  float:left;
  width:20%;
  position: absolute;
  top:0%;
}


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

#contents_bio{
  position: absolute;
  top: 20%;
}

#img {
  float:left;
  padding-top: 2%;
}

#text {
  float:right;
  color: #FFFACD;
  width: 65%;
  padding-top: 1%;
  padding-right: 7%;
}