html {
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/7b/The_Sounds_of_Earth_-_GPN-2000-001976.jpg/1200px-The_Sounds_of_Earth_-_GPN-2000-001976.jpg) bottom center;
}


.button {
  background-color:Black;
  border: 5px solid black;
  color: #fff;
  padding: 50px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
}
.button:hover {
  background-color: #FF9999
}
ol {
  color: red;
  font-size: 12px;
}

.dropbtn {
  background-color: Blue;
  color: white;
  padding: 45px;
  font-size: 24px;
  border: none;
  cursor: pointer;
  position: bottom;
}
.dropbtn:hover, .dropbtn:focus {
  background-color: Navy;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


.dropbtn2 {
  background-color: Yellow;
  color: white;
  padding: 45px;
  font-size: 24px;
  border: none;
  cursor: pointer;
}
.dropbtn2:hover, .dropbtn2:focus {
  background-color: Orange;
}
  
  
  
.dropbtn3 {
  background-color: Pink;
  color: white;
  padding: 45px;
  font-size: 24px;
  border: none;
  cursor: pointer;
    position: center;
}
.dropbtn3:hover, .dropbtn3:focus {
  background-color: #FF9999;
}



.dropbtn4 {
  background-color: Green;
  color: white;
  padding: 45px;
  font-size: 24px;
  border: none;
  cursor: pointer;
  

}
.dropbtn4:hover, .dropbtn4:focus {
  background-color: #006400;
}




.dropdown-content1 {
  display: none;
  position: center;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}