body {
    background-color:lightcyan;
}

h1 {
    background-color:darkblue;
    color:white;
}

h2 {
    background-color:teal;
    color:white;
}

h3 {
    background-color:deepskyblue;
    color:white;
}


a {
  display: block;
  padding: 8px;
  background-color:lightblue;
}



ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:lightblue ;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration:none ;
  
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: turquoise;
}

.blue{
    background-color:cornflowerblue;
}

.purple{
    background-color:#0e0e5d;
}

.yellow{
    background-color:royalblue;
}

.black{
    background-color:turquoise;
}

.white{
    background-color:#99b3ff;
}


.pink{
    background-color:#142c76;
}

.silver{
    background-color:#142c76;
}

.gold{
    background-color:cornflowerblue;
}