body { 
        margin: 0; 
        /*background-color: #9ad6f1;*/
      }

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}

p a {
  font-weight: bold;
  text-decoration: none;
  color: black;
}

#about-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  background: grey;
  padding: 8px;
  color: white;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 40px;
}

#about-nav a {
  text-decoration: none;
  color: white;
}

.overlay {
  top: 25%; 
  left: 50%; 
  width:50%; 
  height:auto; 
  margin-top: -9em; 
  margin-left: -25%; 
  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; 
  border:3px solid #ffffff; 
  position:fixed; 
  z-index:124;
  display: none;
  background: white;
  padding: 24px;
}

.overlay-content {
  margin: auto;
  margin-top: 20px;
}


#online-visitors-list {
      background-color: white;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #000000;
    }

#online-visitors-list a {
      text-decoration: none;
      color: #000000;
      padding-left: 5px;
    }

#online-visitors-list b {
        font-size: 30px;
        color: #000000;
      }

#section1Button {
  position: absolute;
  top: 0;
  right: 0;
  background: grey;
  padding: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: white;
  text-decoration: none;
}
#section2Button {
  position: absolute;
  top: 54px;
  right: 0;
  background: grey;
  padding: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: white;
  text-decoration: none;
}
#section3Button {
  position: absolute;
  top:108px;
  right: 0;
  background: grey;
  padding: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: white;
  text-decoration: none;
}