body {
 font-family: "Lato", sans-serif;
 transition: background-color .5s;
 }
 .topnav {
  background-color: #eee8ca;
  overflow: hidden;
}


.topnav a {
  float: left;
  display: block;
  color: #254117;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
}


.topnav a:hover {
  background-color: #eee8ce;
  color: #ffa321;
}


.topnav a.active {
  background-color: #cefdae;
  color: black;
}


.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

 .time {
   text-align:center;
   font-family:times new roman;
   font-weight:600;
   font-size:16px;
   color:#010101;
  }

.quote {
  text-align:center;
  font-family:arial;
  font-size:25pt;
  color:#CEFDAE;
  background:#000000;
 }
 

.quote:hover {
  text-align:center;
  font-family:arial;
  font-size:25pt;
  color:#000000;
  background:#CEFDAE;
 } 
 
 .title {
   text-align:center;
   font-family:times;
   font-size:25pt;
   font-weight:bold;
   color:#006400;
   text-shadow:1px 1px 1px #FF0000;
  }
  
  .descript {
    text-align:center;
    font-size:16pt;
    color:#800000;
    font-family:verdana,arial,helvetica;
    border:lightgoldenrodyellow 0px solid;
    background:#eee8aa;
  }
  
  
  .descript2 {
    text-align:left;
    font-family:arial, helvetica;
    color:#254117;
    font-weight:normal;
    background:#ffffff;
  }
  
  table {
  font-family: arial, helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #ffffea;
  text-align: left;
  padding: 8px;
  size: 16px;
}

th {
  background-color: #ffffff;
  color: #000000;
}  
  
tr:nth-child(even) {
  border: 1px solid #fffffe;
  background-color: #ffffff;
}


  .div1 {
    border:6px solid#ffffe0;
  }
  
  .div2 {
    border:8px solid#eee8aa;
  }
  
  .div3 {
    border:#ffffe0;
  }
  
  .randquotes {
    text-align:center;
    font-family:arial,helvetica;
    font-weight:600;
    font-size:16px;
    color:#000066;
  }