@import "https://fonts.googleapis.com/css2?family=Anton:wght@400&family=Montserrat:ital,wght@1,900&display=swap";

/* src/styles.css */
:root {
  --NUT-01: #b2a1ff;
  --NUT-02: #073d30;
  --NUT-03: #b1fa63;
  --vw-ratio: 100 / 1920;
  --background-primary: var(--NUT-02);
}
html,
body {
  margin: 0 !important;
  overflow-x: clip;
  background: var(--NUT-01);
}
.heading-xxlarge {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 320vw);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-xlarge {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 254vw);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-large {
  font-family:
    "Anton SC",
    "Anton",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 192vw);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-medium {
  font-family:
    "Anton SC",
    "Anton",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 160vw);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-small {
  font-family:
    "Anton SC",
    "Anton",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 128vw);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h1 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 96vw);
  line-height: calc(var(--vw-ratio) * 110vw);
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h2 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 80vw);
  line-height: calc(var(--vw-ratio) * 110vw);
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h4 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 48vw);
  line-height: 130%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h5 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 32vw);
  line-height: 130%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-alt-h1 {
  font-family:
    "Inter",
    Arial,
    sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 64vw);
  line-height: 130%;
  letter-spacing: calc(var(--vw-ratio) * -1vw);
}
.heading-alt-h2 {
  font-family:
    "Inter",
    Arial,
    sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 48vw);
  line-height: 130%;
  letter-spacing: calc(var(--vw-ratio) * -0.5vw);
}
.heading-alt-h3 {
  font-family:
    "Inter",
    Arial,
    sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 40vw);
  line-height: 140%;
  letter-spacing: calc(var(--vw-ratio) * -1vw);
}
.heading-alt-h4 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 32vw);
  line-height: 130%;
  letter-spacing: calc(var(--vw-ratio) * -0.5vw);
}
.heading-alt-h5 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 26vw);
  line-height: 130%;
  letter-spacing: 0;
}
.heading-alt-small {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 80vw);
  line-height: 120%;
  letter-spacing: calc(var(--vw-ratio) * -2vw);
}
.text-small {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 18vw);
  line-height: 180%;
  letter-spacing: 0;
}
.text-default {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 20vw);
  line-height: 180%;
  letter-spacing: 0;
}
.text-medium {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 22vw);
  line-height: 170%;
  letter-spacing: 0;
}
.text-large {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 24vw);
  line-height: 120%;
  letter-spacing: 0;
}
.text-xlarge {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw-ratio) * 28vw);
  line-height: 160%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.text-meta {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: calc(var(--vw-ratio) * 30vw);
  line-height: 100%;
  letter-spacing: 0;
}
.components-button-text {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 22vw);
  line-height: 100%;
  letter-spacing: 0;
}
.components-button {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: calc(var(--vw-ratio) * 29vw);
  line-height: 100%;
  letter-spacing: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */
