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: #ffffe0;
   overflow-x: hidden;
   padding-top: 60px;
   transition: 0.5s;
 }
 
 .sidenav a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 20px;
   color: #004400;
   display: block;
   transition: 0.3s;
  }
  
  .sidenav a:hover {
   color: #0000FF;
  }

 #main {
   transition: margin-left .5s;
   padding: 20px;
 } @media screen and (max-height: 450px) { 
  .sidenav {
   padding-top: 15px;
 }
 
  .sidenav a {font-size: 18px;
 }
 } 
 
.center {
  margin: auto;
  width: 90%;
  height: auto;
  border: transparent;
  padding: 10px;
 }

.scripts {
  text-align:center;
  font-family:arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:16px;
  color:#000200;
 }
 
 .alert {
   background-color:#FFFFE0;
   font-size:16px;
   color: #222222;;
   font-family: arial;
   text-align: center;
   margin-left: 5px;
  }
  
   .quote {
   width: 100%;
   font-size:25pt;
   padding-left: 10px;
   padding-right: 10px;
   font-family: tahoma;
   font-style: oblique;
   color:#00000F;
   background:#CCC600;
   margin-left: 2px;
   }
 
 .intro {
   background-color: #ffffe0;
   font-family: arial;
   color: purple;
   font-size: 12px;
   font-weight: 600;
   text-align: left;
   margin-left: 10px;
   }
 
 .quote2 {
   background-color: #ffffe0;
   font-family: arial;
   font-size: 14px;
   color: #444444;
   text-align: left;
   margin-left: 10px;
   }
   
 .links {
   text-align:left;
   font-family:arial,helvetica,sans-serif;
   font-weight:bold;
   font-size:16px;
   color:#010101;
   }
 
   
.div1 {
 border: #FFFFE0 8px solid;
 }

.div2 {
 border: #CEE80E 8px solid;
 }

.quotes {
  text-align:center;
  font-family:arial,helvetica;
  font-size:16px;
  font-weight:600;
  color:#204020;
  }
 

  
  #more {
 display: none;
 } 
 
 .title {
   font-family: arial, helvetica, sans-serif;
   font-weight: 600;
   font-size: 25px;
   color: #999944;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   }
  
  .paragraph {
    font-size:16px;
    color:#100000;
    font-family:arial,helvetica;
    background:#ffffff;
    margin-left: 10px;
   }
   
 .extract {
   text-align: left;
   font-family: times;
   font-size: 12px;
   color: #993333;
   }
 
 .extract2 {
   text-align: left;
   font-family: times;
   font-size: 12px;
   color:#443333;
   }