:root {
  --font-biggest: 140px;
  --font-big: 100px;
  --font-large: 60px;
  --font-medium: 40px;
  --font-small: 22px;
  --font-xs: 18px;

  --font-huge-responsive: 16.8vw;
  --font-large-responsive: 10vw;
  --font-medium-responsive: 6.8vw;

  --spacing: 40px;

  --color-primary: white;
  --color-secondary: black;
}

* {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  cursor: default;
  overflow-x: hidden;
  overscroll-behavior: none;
}

body {
  font-family: "Oswald", sans-serif;
  font-weight: 200;
}

a {
  text-align: center;
}

button,
a,
input,
textarea {
  all: unset;
}

.section-title {
  margin: 30px 0;
  font-weight: 400;
  font-size: var(--font-large);
}

.section-description {
  font-size: clamp(18px, 1.2vw + 0.5rem, 22px);
  margin-bottom: 1.4vw;
}

.section-emphasis {
  font-size: clamp(34px, 1.4vw + 0.5rem, 40px);
  font-weight: 300;
  margin-bottom: 20px;
}

.image-seperator {
  height: 200px;
  width: 100%;
  object-fit: cover;
  margin: var(--spacing) 0;
}