body {
  background-color: #5299c5;
  color: white;
  font-family: Verdana;
  margin: auto;
  text-align: center;
  padding: 0px;
}

.navbar {
  background-color: #d5ab64; 
  width: 100%;
  overflow: auto;
  opacity: .8;
}

.navbar a {
   float: none;
   text-align: center;
   padding: 12px;
   color: #ffffff;
   text-decoration: none;
   font-size: 17px;
}

.navbar a:hover {
  color: #a6efff; 
}

.navbar a:active {
  background-color: #a0ebff;  
}

#overlay img { 
  display: none; 
}

#overlay.birds img { 
    display: block; 
    width: 100%;
    height: 100%;
}

h1 {
  font-family: "Lucida Handwriting", "Cursive", monospace;
  background-color: #b3e8ed;
  color: #4993c8;
}

.container {
  position: relative;
  text-align: center; 
  font-size: 20px;
  color: #00169e;
  font-family: Verdana;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Lucida Console", "Courier New", monospace;
  padding: 50px;
  border-radius: 50%;
  background-color: #a7d1ed;
  opacity: 0.7;
}