html,
body,
#root {
  min-height: 100%;
}

* {
  box-sizing: border-box;
}

:root {
  color-scheme: light;
}

body {
  margin: 0;
  font-family: 'Manrope', 'Helvetica Neue', sans-serif;
  background-color: #0f2414;
  color: #0f2414;
  -webkit-font-smoothing: antialiased;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

button,
input,
textarea,
select {
  font: inherit;
}

@media (max-width: 768px) {
  header,
  section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}