/* fixedRelative.css */

h1 {
 text-align: center;
 font-size: 125%;
}

#menu {
  position: fixed;
  top: 180px;
  width: 18%;
}

#menu li {
  list-style-type: none;
  font-size: 85%;
  margin-left: -3em;
  text-align: left;
}

#menu a {
  display: block;
  background-color: #ccffcc;
  border: 2px gray outset;
  text-decoration: none;
  text-align: center;
  color: black;
}

#menu a:hover {
  color: white;
  background-color: black;
  border: 2px gray inset;
}

.content {
  position: relative;
  left: 20%;
  width: 80%;
}

.content h1 {
  border-top: 1px black solid;
}

.content h2 {
  border-top: 1px black solid;
  padding-top: 5px;
  font-size: 100%;
}

.content h3 {
  font-size: 90%;
}

.player {
  padding-left: 80px;
}

.prolog {
  position: relative;
  left: 20%;
  width: 80%;
}

.prolog p {
  text-align: center;
}