* {
  box-sizing:border-box;
}
body {
  margin:0;
  color: #86EA16;
  background-color:black;
  font-family:monospace;
  background-image: url(img/bg/star_twinkle.gif);
}
#container {
  max-width:900px;
  height:500px;
  margin:0 auto;
  margin-top:100px;
  display:flex;
}
section {
  display:flex;
  border:1px solid #86EA16;
  width:800px;
  background-color:black;
  z-index:99;
}
/* unvisited link */
p a:link {
  color: yellow;
  text-decoration: none;
}

/* visited link */
p a:visited {
  color: gray;
  text-decoration: none;
}

/* mouse over link */
p a:hover {
	border-radius:3px;
	text-decoration: none;
  color: black;
  background: #FF0000;
background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 127, 0, 1) 16%, rgba(255, 255, 0, 1) 34%, rgba(0, 255, 0, 1) 50%, rgba(0, 255, 255, 1) 66%, rgba(0, 0, 255, 1) 83%, rgba(139, 0, 255, 1) 100%);
}

/* selected link */
p a:active {
	border-radius:3px;
  color: black;
  background: #FF0000;
background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 127, 0, 1) 16%, rgba(255, 255, 0, 1) 34%, rgba(0, 255, 0, 1) 50%, rgba(0, 255, 255, 1) 66%, rgba(0, 0, 255, 1) 83%, rgba(139, 0, 255, 1) 100%);
  text-decoration: none;
}
nav {
  font-family: helvetica, sans-serif;
  text-transform: uppercase;
  margin-top:50px;
  width:150px;
  color: black;
}
nav ul {
  list-style-type:none;
  margin:0;
  padding: 0;
  height:50px;
}
nav ul li {
  padding:3px;
  border-right:none;
  padding-right:20px;
  margin-bottom:10px;
  background-color:#86EA16;
}
nav ul li a:link {
  color:black;
  font-weight:bold;
  text-decoration:none;
  background: #86EA16;
}
nav ul li a:visited {
  color:black;
  font-weight:bold;
  text-decoration:none;
  background: #86EA16;
}
nav ul li a:hover {
  color:black;
  font-weight:bold;
  text-decoration:none;
  background: #86EA16;
}
nav ul li a:active {
  color:black;
  font-weight:bold;
  text-decoration:none;
  background: #86EA16;
}

/* unvisited link */
ul a:link {
  color: yellow;
  text-decoration: none;
}

/* visited link */
ul a:visited {
  color: gray;
  text-decoration: none;
}

/* mouse over link */
ul a:hover {
	border-radius:3px;
  color: black;
	text-decoration: none;
  background: #FF0000;
background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 127, 0, 1) 16%, rgba(255, 255, 0, 1) 34%, rgba(0, 255, 0, 1) 50%, rgba(0, 255, 255, 1) 66%, rgba(0, 0, 255, 1) 83%, rgba(139, 0, 255, 1) 100%);
}

/* selected link */
ul a:active {
	border-radius:3px;
  color: black;
	text-decoration: none;
  background: #FF0000;
background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 127, 0, 1) 16%, rgba(255, 255, 0, 1) 34%, rgba(0, 255, 0, 1) 50%, rgba(0, 255, 255, 1) 66%, rgba(0, 0, 255, 1) 83%, rgba(139, 0, 255, 1) 100%);
  text-decoration: none;
}
main {
  flex:1;
  overflow-y: auto;
  overflow-x:hidden;
   padding:72px 20px 20px;
}
h1 {
  font-family: helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #86EA16;
  font-weight: 800;
}
aside {
  border-left:1px dashed #86EA16;
  width:200px;
  overflow-y: auto;
  padding: 72px 10px 20px;
}
.slime {
   width:756px;
   height:67px;  
   position:absolute;   
   background:transparent url(img/gfx/slime.png);
   background-repeat: repeat-x;
}
#musicBox {
  color: #86EA16;
}
.album {
  border: 12px dotted #86EA16;
  width:100%;
  padding: 3px;
}