html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  min-width: 1440px;
  overflow-x: hidden;
}
@media (max-width: 500px) {
  body {
    min-width: 375px;
  }
}

img,
a {
  display: block;
}

main .active {
  position: relative;
  animation: 0.5s forwards header_animation_1;
  overflow: hidden;
}
main .active::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a3132;
  animation: 0.3s 0.5s forwards header_animation_2;
}
main .hidden {
  visibility: hidden;
}