:root {
    --font: 'Poppins', sans-serif;
  }

  body{
    background-size: 10px 10px;
    background-image: linear-gradient(90deg, yellow 1px, transparent 0px), linear-gradient(yellow 1px, transparent 0px);
}
 
  a:link, a:visited {
    text-decoration: none;
    right: 4px;
    top: 2px;
    color: #73450D;
  }
  
  .toggle {
    border: none;
    color: #2D402C;
    text-align: left;
    text-decoration: none;
    display: block;
    font-size: 14px;
    border-radius: 0px;
    padding: 5px 14px;
    background-color: #D9D4CC;
    border-radius: 25px;
  }
  
  #more3 {
    display: none;
    color: #768C70;
  }
  #more4 {
    display: none;
    color: #768C70;
  }
  #more5 {
    display: none;
    color: #768C70;
  }
  #more6 {
    display: none;
    color: #768C70;
  }
  #more9 {
    display: none;
    color: #768C70;
  }
  #more10 {
    display: none;
    color: #768C70;
  }
  #more11 {
    display: none;
    color: #768C70;
  }
  #more14 {
    display: none;
    color: #768C70;
  }
  
  .toggle:hover{
    border-radius: 25px;
    text-align: center;
    padding: 7px 16px;
    cursor: pointer;
    background-color:#D9D4CC;
    color:#73450d;
  }

  p{
    font-family: var(--font);
    font-size: 10px;
    /*color:#3f573d;3f1212e1*/
    color: #d18a348f;
    text-align: center;
    padding: 5%;
    background-color: transparent;
  }
  
  h3 {
    color:#4bb8e2de;
    font-family: var(--font);
    text-align: center;
    padding-top: 3%;
    padding-bottom: 1%;
    font-size: medium;
  }
  
  li {
    font-family: var(--font);
    color: #5A6773;
    text-align: left;
    list-style: circle;
    font-size: 14px;
  }
  
  span {
    text-align: justify;
  }
  /* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 157px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  /*background-color: black;*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
  font-family: var(--font);
  border-right: 2px solid #768C70;
}

/* The navigation menu links */
.sidenav a {
  padding: 7px 9px 7px 17px;
  text-decoration: none;
  font-size: 14px;
  color: #818181d5;
  display: block;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #4bb8e2de;
}

/* Style page content */
.main {
  margin-left: 160px; /* Same as the width of the sidebar */
  margin-right: 0px;
  padding: 0px 5px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 10px;}
}