.dropbtn {
    background-color: #FFFFAA;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


.dropbtn:hover, .dropbtn:focus {
    background-color: #DCEDEA;
}


.dropdown {
    position: relative;
    display: inline-block;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFAA;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0,0);
    z-index: 1;
}


.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


.dropdown-content a:hover {background-color: #DEE8AA;}


.show {display:block;}

.sidebar {
  height: 100%;
  width: 150px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow-x: hidden;
  padding-top: 16px;
}

.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
  display: block;
}

.sidebar a:hover {
  color: #0F64c0;
}

.main {
  margin-left: 200px;
  padding: 0px 10px;
}

@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}

.time {
  text-align:center;
  font-family:arial,helvetica,sans-serif;
  font-weight:700;
  font-size:16px;
  color:#000200;
  }
  
 .quote {
    width:100%;background-color:#DFEEF0;
    }
 
  .quote:hover {
    background-color:#DEE8AA;
    }  
 .quote {
   text-align:center;
   font-family:arial,times;
   font-size:25pt;
   font-weight:900;
   color:#40000E;
   }
  
  .table1 {
    width:100%;background-color:white;
    }  
    
  .table1 tr td {
    text-align:left;
    font-size:20px;
    color:#000000;
    }
    
   td:first-child {
        height: 50px;
        background-color: #FFFFFE;
      } 
      
   td:nth-child(2) {
        background-color: #FFFFFF;
      }
   td:last-child {
        height: 50px;
        background-color: #FFFFEA;
      } 
      
      
  .timequote {
  text-align:center;
  font-family:arial;
  font-weight:500;
  font-size:16px;
  color:#202020;
  }
  
  .div1 {
    border:8px solid#f1f1f1;
  }
  
  .div2 {
    border:8px solid#dfeef0;
  } 
  
  .div3 {
    border:8px solid#f1f1f1;
  }
  
  .randquotes {
    text-align:center;
    font-family:arial,helvetica;
    font-size:16px;
    font-weight:600;
    color:#204020;
  }  
  
  
  
  
 .timequote {
  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:#000000;
    border:#f1f1f1 1px solid;
   }
 
 
   /* This is for the proverbs page */
   
   .dropbtn {
    background-color: #FFF;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


.dropbtn:hover, .dropbtn:focus {
    background-color: #DEFABC;
}


.dropdown {
    position: relative;
    display: inline-block;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: beige;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0,0);
    z-index: 1;
}


.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


.dropdown-content a:hover {background-color: #FFFFAA;}


.show {display:block;}

.sidebar {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow-x: hidden;
  padding-top: 16px;
}

.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
  display: block;
}

.sidebar a:hover {
  color: #0F64c0;
}

.main {
  margin-left: 200px;
  padding: 0px 10px;
}

@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
 #more {display: none;}
 
 
 .quote3 {
   text-align:center;
   font-size:22pt; 
   color:#FEE8A0;
   font-family:arial;
   border:transparent 0px solid;
   background:#000000;
 } 
 
 .quote3:hover {
   text-align:center;
   font-size:22pt; 
   color:#000000;
   font-family:arial;
   border:transparent 0px solid;
   background:#FEE8A0;
 }
 
 .div1b {
   border:6px solid#f8f8f8;
   }
   
 .div2b {
   border:8px solid#000000;
  } 
   
  .div3b {
    border:6px solid#f8f8f8;
  } 
  
  .randquotesb {
    text-align:center;
    font-family:arial,helvetica;
    font-size:16px;
    font-weight:600;
    color:#204020;
  } 
  .timequotes2 {
   text-align:center;
   font-family:arial,helvetica,sans-serif,times;
   font-weight:700;
   font-size:16px;
   color:#101010;
  }
  
  /* This is for lifestyles page */
  
  .quote4 {
    text-align:center;
    font-family:arial, sans-serif;
    font-size:30pt;
    color:#008800;
    font-family:arial,helvetica;
    background:#FFFFFF;
  }
  
  .quote4:hover {
    text-align:center;
    font-family:arial, sans-serif;
    font-size:30pt;
    color:#FFFFFF;
    font-family:arial,helvetica;
    background:#008800;
  }
  
  .div1c {
    border:6px solid#f8fde3;
  }
  
  .div2c {
    border:8px solid#008800;
  }
  
  .div3c {
    border:6px solid#f8fde3;
  }
  .randquotes4 {
    text-align:center;
    font-family:arial,helvetica;
    font-size:16px;
    font-weight:600;
    color:#204020;
  }
  
  /* For the Stories page */
  
  .quote-stories {
    text-align:center;
    font-family:times;
    font-weight:700;
    font-size:30px;
    color:#101010;
    background:#DAFFCC;
  }
  
  .quote-stories:hover {
    text-align:center;
    font-family:times;
    font-weight:700;
    font-size:30px;
    color:#DAFFCC;
    background:#101010;
  }  
    .div1d {
      border:6px solid#fbf6d9;
    }
  .div2d {
    border:8px solid#daffcc;
  }
  
  .div3d {
    border:6px solid#fbf6d9;
  }
  
  /* Beautiful Stories */
  
  .quote-beautiful {
    text-align:center;
    font-family:arial;
    font-size:30pt;
    font-weight:700;
    color:#000020;
    background:#00FF66;
  }
  
  .div1-beautiful {
    border:6px solid#fbf6d9;
  }
  
  .div2-beautiful {
    border:8px solid#00ff66;
  }
  
  .div3-beautiful {
    border:6px solid#fbf6d9;
  }
  
  /* For Motivational */
  
  .quote-motiv {
    text-align:center;
    font-family:arial, helvetica;
    font-size:30pt;
    font-weight:700;
    color:#000020;
    background:#CAFF66;
  }