/* This is a comment in CSS */
body {
  background: #000000
}

h1 {
font-size: 100px;
text-align: center;
color: #0000FF;
font-family: 'Open Sans', sans-serif;
}
.Music{
  padding: 0;
  text-align: left
}
.prehistoric{
  position: relative;
}
  .prehistoric-text{
      font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #000000;
   position: absolute;
}
.ancient{
  position: relative;
}
.ancient-text{
    font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.biblical{
  position: relative;
}
.biblical-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #000000;
   position: absolute;
}
.medieval
{
  position: relative;
}
.medieval-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.renaissance{
  position: relative;
}
.renaissance-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.classical{
  position: relative;
}
.classical-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.baroque{
  position: relative;
}
.baroque-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.romantic{
  position: relative;
}
.romantic-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.blues{
  position: relative;
}
.blues-text{
  font-family: 'Open Sans', sans-serif;
  top: 10px;
  left: 8px;
  font-size: 40px;
   color: #FFFFFF;
   position: absolute;
}
.king{
  float: right;
  right: 8px;
  top: 10px;
  position: absolute;
  z-index: 1;
}
h2 {
background: #000000;
font-size: 60px;
color: #0000FF;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.next{
background: #000000;
font-size: 40px;
color: #0000FF;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
p {
font-size: 40px;
color: #FFFFFF;
background:#000000;
font-family: 'Open Sans', sans-serif;
}
.mozart{
  background: #000000;
  float: right;
  right: 8px;
  top: 10px;
  position: absolute;
  z-index: 1;
}
.beethoven{
  background: #000000;
  float: right;
  right: 8px;
  bottom: 10px;
  position: absolute;
  z-index: 1;
}
.Seikilos_Column{
  background: #000000;
  float: right;
  right: 8px;
  top: 10px;
  position: absolute;
  z-index: 1;
}
.Guido_DArezzo{
 right: 8px;
 top: 10px;
 float: right;
 position: absolute;
 z-index: 1;
}
.bach{
   right: 8px;
 top: 10px;
 float: right;
 position: absolute;
 z-index: 1;
}
a {
text-decoration: none;
color: #0000FF;
}