body {
  font-family: "Lato", sans-serif;
  transition: background-color .5s;
 }
 .sidenav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   bottom: 0;
   left: 0;
   background-color: #fff;
   overflow-x: hidden;
   padding-top: 60px;
   transition: 0.5s;
 }
 .sidenav a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 18px;
   color: #010101;
   display: block;
   transition: 0.3s;
 }
  .sidenav a:hover {
   color: #888888;
 } #main {
   transition: margin-left .5s;
   padding: 20px;
 } @media screen and (max-height: 450px) { 
  .sidenav {
   padding-top: 15px;
 }
  .sidenav a {font-size: 18px;
 }
 } 
 
 .time {
   text-align:center;
   font-family:arial,helvetica,sans-serif;
   font-weight:bold;
   font-size:16px;
   color:#000200;
  }
  
 .table1 {
    width:100%;
    background-color:#EEE8AA;
   }
 
  .table1:hover {
    background-color:#FFE5B4;
   }
   
 .table1 tr td {
   text-align:center;
   font-size:20pt;
   color:#000000;
  } 
  
  .timequotes {
    text-align:center;
    font-family:arial,helvetica,sans-serif;
    font-weight:600;
    font-size:16px;
    color:#102010;
   }
   
   .table2 {
    width:90%;
    background-color:#FFFFFA;
    border:#F0F0F0 2px solid;
    margin-left:20px;
   }
 
   .table2 tr td {
   text-align:right;
   font-size:16px;
   color:#000000;
  } 
  
  .div1 {
    border:8px solid#ffffea;
   }
    
  .div2 {
    border:8px solid#eee8aa;
   }
  
  .div3 {
    border:8px solid#ffffea;
   } 
   
  .randquotes {
    text-align:center;
    font-family:arial,helvetica;
    font-size:16px;
    font-weight:600;
    color:#204020;
   }