body {
    height: 100%;
    margin: 0;
    font-family: Menlo;
  }

  /* .sidebar {
    background-color: white;
    color: black;
    padding-top: 20px;
    height: 100%;
  } */

  .sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
  }

  .sidebar a {
    color: black;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
  }
  .sidebar a:hover {
    background-color: white;
    color: black;
  }

  .logo-img{
    width:180px;
    height:150px;
    margin-top: -20px;
    padding: 0;
  }
  .submenu {
    display: none;
    padding-left: 20px;
  }
  .text-bold {
    font-weight: 600;
  }

  .content img {
    max-width: 100%;
    height: auto;
    display: none;
  }

  .content img.active {
    display: block;
  }

  .nested-submenu {
    display: none;
    /* margin-left: 20px; */
  }
 #nestedSubmenu7,  #nestedSubmenu8, #nestedSubmenu9,#nestedSubmenu10 {
    text-align: right;
  } 
#nestedSubmenu7 a, #nestedSubmenu8 a, #nestedSubmenu9 a, #nestedSubmenu10 a{
    margin-right: -20px;
  }
  .nested-submenu a {
    display: block;
    margin: 5px 0;
  }

  .side-image {
    margin-top: 30px;
    width: 100%; /* Make the image responsive */
    height: auto; /* Maintain aspect ratio */
  }
  p {
    margin-left: 20px;
  }
  .social-icons {
    display: flex;
    justify-content: flex-start; /* Space out the icons */
    margin-top: 10px; /* Add some space above the icons */
  }

  .social-icons a {
    color: black; /* Icon color */
    text-decoration: none; /* Remove underline */
    font-size: 20px; /* Icon size */
  }
  .copyright {
    text-align: lef; /* Center the text */
    margin-top: 10px; /* Add some space above */
    font-size: 14px; /* Font size */
    color: black; /* Text color */
    padding-left: 20px;
  }
  /* .section-divider {
    border: none; 
    height: 2px; 
    background-color: black; 
    margin: 10px 0; 
    width: 100%; 
  } */