body {
  margin: 0;
  box-sizing: border-box;
  font-family: var(--font-primary);
  font-size: var(--fs-body);
  scroll-behavior: smooth;
}

ul {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}

a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

h2 {
  font-size: var(--fs-h2);
  font-family: var(--font-secondary);
  color: var(--color-txt-primary);
  line-height: 1;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

main {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100vh;
}

section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.d-none {
  display: none !important;
}

.side-dots li {
  cursor: pointer;
}

@keyframes rotateWheel {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 850px) {
  section {
    height: auto;
    min-height: 100vh;
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}

@media (min-width: 480px) and (max-width: 950px) and (min-height: 250px) and (max-height: 450px) and (orientation: landscape) {
  section {
    height: auto;
    min-height: 100vh;
  }
}