.sidenav {
  height: 100%; 
  width: 160px; 
  position: fixed; 
  z-index: 1; 
  top: 0; 
  left: 0;
  background-color: none;
  overflow-x: hidden; 
  padding-top: 25px;
  padding-left: 25px;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 19.8px;
  color: rgb(129, 149, 78);
  display: block;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.sidenav a:hover {
  color: rgb(230, 187, 67);
}

.sidenav img {
    height: auto;
    width: 170px;
    position: fixed;
    left: 20px;
    bottom: 10px;
}

a.one{
    color: rgb(129, 149, 78);
}

a.one:visited {
  color: rgb(129, 149, 78);
  background-color: transparent;
  text-decoration: none;
}

a.one:hover {
  color: rgb(230, 187, 67);
  background-color: transparent;
  text-decoration: underline;
}

a.one:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

.main {
  margin-left: 160px; 
  padding: 40px 25px;
  font-family:'Trebuchet MS';
  text-align: center;
  
}

h3 {
        color: rgb(129, 149, 78);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 20px;
    padding: 8px;

}
p {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: rgb(86, 80, 71);
font-size: 17.5px;
padding: 6px;
    }

.new_font {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: rgb(135, 130, 125);
font-size: 13.5px;
padding: 6px;
    }

*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
    transition: 0.2s linear;
}

.container{
    padding: 2rem 5%;
}

.div1 {
    height: 750px;
    width: 875px;
    margin: auto;

}