body{background-color: black;}

body,h1,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}

.w3-row-padding img {margin-bottom: 12px}

#main {margin-left: 0}

#mySidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  display: none; 
  z-index: 3;     
margin-top: 40px; 
font-family: "Montserrat", sans-serif

}

.w3-top {
  z-index: 4; 
}
.title-img {
  margin-top: 64px;
}
h2 {font-family: 'Press Start 2P'}

  .dropdown-toggle {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .dropdown-content {
    display: none;
    margin-left: 20px;
  }
  .dropdown-content a {
    padding-left: 20px;
  }
  .dropdown-toggle:hover {
    background-color: #333;
    color: white;
  }

  header, footer {
    background-color: #440404;
    text-align: center;
    padding: 1em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* Adjust darkness */
  z-index: -1;
}