.hamburger {
  background: none;
  border: none;
  font-size: 1.8rem;
  color: white;
  display: none;
  cursor: pointer;
  margin-left: auto;
}

@media (max-width: 600px) {
  .hamburger {
    display: block;
  }

  .main-header nav {
    display: none;
    flex-direction: column;
    width: 100%;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }

  .main-header nav.open {
    display: flex;
  }
}