body {
  font-family: times, sans-serif;
  transition: background-color .5s;
}
.sidenav {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 1; top: 0;
 left: 0;
 background-color: #fff;
 overflow-x: hidden;
 padding-top: 40px;
 transition: 0.5s;
 }
 .sidenav a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 16px;
 color: #010101;
 display: block;
 transition: 0.3s;
 }
 .sidenav a:hover {
 color: #888800;
 font-size: 20px;
 }
 #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: 95%; 
 height: auto; 
 border: transparent; 
 padding: 10px;
 }
 
 .time {
  text-align:center;
  margin:auto;
  font-family:arial, helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  color:#000022;
}

.p-quote {
  text-align:center;
  font-family:arial, sans-serif;
  font-size:30px;
  color:#202020;
  font-weight:800;
  background:#FAFACA;
} 

.p-quote:hover {
  text-align:center;
  font-family:arial, sans-serif;
  font-size:30px;
  color:#888888;
  font-weight:800;
  background:#FAFADA;
} 

.timequotes {
  text-align:center;
  font-family:arial,helvetica,sans-serif;
  font-weight:600;
  font-size:16px;
  color:#102010;
}

.heading {
  font-family:arial;
  color:blue
}

.heading2 {
  font-family:arial;
  color:red
}

.heading3 {
  font-family:arial;
  color:green;
}

.heading4 {
  font-family:arial;
  color:#ffa07a;
}

.heading5 {
  font-family:arial;
  color:#fa8072;
}

.heading6 {
  font-family:arial;
  color:#800080;
}

.heading7 {
  font-family:arial;
  color:teal;
}

.heading8 {
  font-family:arial;
  color:#ffa700;
}

.inside {
  font-family:arial;
  font-weight:bold;
  color:black;
}

.links {
  text-align:left;
  font-family:arial,times;
  font-size:16px;
  font-weight:600;
  color:#010101;
  cursor:pointer;
  margin-left:10px;
}

.div1 {
  border:8px solid#ffffee; 
}

.div2 {
  border:4px solid#888888;
}

.div3 {
  border:8px solid#ffffee;
}

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

.quote {
  text-align:center;
  font-family:tahoma,times,arial,helvetica;
  font-weight:900;
  font-size:25px;
  color:#493d26;
  background:#BAB86C;
}

.p1 {
  text-align:left;
  font-family:arial,helvetica,sans-serif;
  font-weight:500;
  font-size:17px;
  color:#000000;
  margin-left:10px;
}

.extract {
  text-align:right;
  font-family:arial;
  font-size:10px;
  color:#987654;
}

hr {
  border:2px solid green;
  }
  
.div1 {
  border:8px solid#ffffe0;
}

.div2 {
  border:4px solid#bab86c;  
}

.div3 {
  border:8px solid#ffffe0;
}