.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffe;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #101010;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #FBB117; /* (Beer)*/
} 
#main {
  transition: margin-left .5s;
  padding: 20px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.date {
  text-align:center;
  font-family:arial,sans-serif;
  font-weight:normal;
  font-size:16px;
  color:#102010;
 }
 
  .table1 {
    width:100%;
    background-color:#FFDAB5;
   }
 
  .table1:hover {
    background-color:#FFE5B4;
   }
   
 .table1 tr td {
   text-align:center;
   font-size:30pt;
   color:#300000;
  }
 
   
 .couple {
   text-align:left;
   font-family:arial;
   font-size:20px;
   color:#008000;
   font-weight:bold;
  }
  .couple:hover {
    color:#006400;
    }
    
 .read {
   text-align:center;
   font-family:times;
   font-size:18px;
   color:#000000;
  }   
 .read:hover {
   font-weight:600;
   font-size:22px;
   cursor:progress;
   color:black;
  }
   
  .div1 {
    border:#FAFAFA 10px solid;
    }
    
  .tquotes {
    text-align:center;
    font-family:arial;
    font-weight:700;
    font-size:15px;
    color:#202020;
   }
    
  .table2 {
    width:100%;background-color:white;
    }  
    
  .table2 tr td {
    text-align:left;
    font-size:20px;
    color:#008000;
   }
    
  .table3 {
    width:200px;
    font-size:20px;
    color:#000000;
    background-color:#FFFFFF;
   }
   
  .table3 tr td {
    text-align:center;
    }
    
  .div2 {
    border:6px solid#f0e2b6;
    }  
    
  .div3 {
    border:6px solid#edda74;
    }
    
  .div4 {
    border:6px solid#fafad2;
    }  
    
  .r-scripture  {
    text-align:center;
    font-family:arial,helvetica;
    font-size:20px;
    font-weight:300;
    color:#222222;
   }
    
   .write {
     text-align:right;
     font-family:arial;
     font-size:6px;
     color:#010101
   } 
   
   .paragraph1 {
     font-size:18pt;
     font-weight:500;
     color:#556B2F;
     font-family:arial,times,sans-serif;
     background:#FFFFFF;
     margin-left:15px;
    } 
    
    .t-topic {
      text-align:center;
      font-size:25pt;
      color:#0D98BA;
      font-family:times;
      border:lightyellow 1px;
      background:yellow;
      }
    
    .paragraph2 {
     font-size:18pt;
     font-weight:600;
     color:#656565;
     font-family:arial,times,sans-serif;
     background:#FFFFFF;
     margin-left:15px;
    }