:root {
  --main-font-size: 75px;
}

* {
  margin: 0;
  padding: 0;
}

:is(h1, h2, body) {
  font-family: Roboto;
}

h1 {
  font-size: var(--main-font-size);
  .text-transform: uppercase;
  font-weight: 900;
}

h2 {
  font-size: calc(var(--main-font-size) / 1.68);
}

body {
  font-size: calc(var(--main-font-size) / 3.36);
}

@font-face {
  font-family: "Neue";
  src: url("/styling/fonts/Neue.woff");
}

@font-face {
  font-family: "OpenSans";
  src: url("/styling/fonts/OpenSans.woff");
}

@font-face {
  font-family: "Roboto";
  src: url("/styling/fonts/Roboto.woff");
}
