header {
  background-color: rgba(255, 255, 255, 0.96);
  height: 90px;
  position: sticky;
  top: 0;
  z-index: 9999;
}

.sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  height: 100vh;
  width: 250px;
  z-index: 9999;
  background-color: rgb(255, 255, 255);
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 16px;
  transition: 0.4s ease-out;
}

.dropdown ul > li {
  text-align: center;
}

.hamburger {
  display: none;
}

@media (max-width: 800px) {
  .hide-on-mobile {
    display: none;
  }

  .hamburger {
    display: block;
  }

  header {
    height: 75px;
  }
}

@media (max-width: 400px) {
  .sidebar {
    width: 100%;
  }
}