@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;
  --background-primary: var(--NUT-02);
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --section-pad-v: clamp(3rem, 8vw, 8rem);
  --section-pad-h: clamp(1.5rem, 5vw, 6rem);
  --header-h: clamp(3.5rem, 6vw, 7rem);
}
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: clamp(2.5rem, 16.67vw, 16rem);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-xlarge {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(2rem, 13.23vw, 13rem);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-large {
  font-family:
    "Anton SC",
    "Anton",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(1.75rem, 10vw, 10rem);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-medium {
  font-family:
    "Anton SC",
    "Anton",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(1.5rem, 8.33vw, 8rem);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-small {
  font-family:
    "Anton SC",
    "Anton",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(1.25rem, 6.67vw, 6.5rem);
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h1 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(1.25rem, 5vw, 5rem);
  line-height: 115%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h2 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(1.125rem, 4.17vw, 4.25rem);
  line-height: 115%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h4 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 2.5vw, 2.5rem);
  line-height: 130%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-h5 {
  font-family:
    "Anton",
    "Montserrat",
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, 1.67vw, 1.75rem);
  line-height: 130%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.heading-alt-h1 {
  font-family:
    "Inter",
    Arial,
    sans-serif;
  font-weight: 600;
  font-size: clamp(1.125rem, 3.33vw, 3.25rem);
  line-height: 130%;
  letter-spacing: -0.02em;
}
.heading-alt-h2 {
  font-family:
    "Inter",
    Arial,
    sans-serif;
  font-weight: 600;
  font-size: clamp(1rem, 2.5vw, 2.5rem);
  line-height: 130%;
  letter-spacing: -0.015em;
}
.heading-alt-h3 {
  font-family:
    "Inter",
    Arial,
    sans-serif;
  font-weight: 600;
  font-size: clamp(0.9375rem, 2.08vw, 2rem);
  line-height: 140%;
  letter-spacing: -0.02em;
}
.heading-alt-h4 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.67vw, 1.75rem);
  line-height: 130%;
  letter-spacing: -0.01em;
}
.heading-alt-h5 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1.35vw, 1.375rem);
  line-height: 130%;
  letter-spacing: 0;
}
.heading-alt-small {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 4.17vw, 4.25rem);
  line-height: 120%;
  letter-spacing: -0.025em;
}
.text-small {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.94vw, 1.125rem);
  line-height: 180%;
}
.text-default {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(0.9375rem, 1.04vw, 1.25rem);
  line-height: 180%;
}
.text-medium {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(0.9375rem, 1.15vw, 1.375rem);
  line-height: 170%;
}
.text-large {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 1.25vw, 1.5rem);
  line-height: 120%;
}
.text-xlarge {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 1.46vw, 1.75rem);
  line-height: 160%;
  text-transform: uppercase;
}
.text-meta {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: clamp(1rem, 1.56vw, 1.875rem);
  line-height: 100%;
}
.components-button-text {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.15vw, 1.375rem);
  line-height: 100%;
}
.components-button {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.51vw, 1.8125rem);
  line-height: 100%;
}

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