@import url("https://fonts.cdnfonts.com/css/space-grotesk");
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: "ClashGrotesk";
  src: url("/fonts/ClashGrotesk/ClashGrotesk-Variable.woff2") format("woff2"), url("/fonts/ClashGrotesk/ClashGrotesk-Variable.woff") format("woff"), url("/fonts/ClashGrotesk/ClashGrotesk-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/* Humane - Thin */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-Thin.eot");
  src: url("/fonts/Humane/Humane-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-Thin.woff2") format("woff2"), url("/fonts/Humane/Humane-Thin.woff") format("woff"), url("/fonts/Humane/Humane-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
/* Humane - ExtraLight */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-ExtraLight.eot");
  src: url("/fonts/Humane/Humane-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-ExtraLight.woff2") format("woff2"), url("/fonts/Humane/Humane-ExtraLight.woff") format("woff"), url("/fonts/Humane/Humane-ExtraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
/* Humane - Light */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-Light.eot");
  src: url("/fonts/Humane/Humane-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-Light.woff2") format("woff2"), url("/fonts/Humane/Humane-Light.woff") format("woff"), url("/fonts/Humane/Humane-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Humane - Regular */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-Regular.eot");
  src: url("/fonts/Humane/Humane-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-Regular.woff2") format("woff2"), url("/fonts/Humane/Humane-Regular.woff") format("woff"), url("/fonts/Humane/Humane-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Humane - Medium */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-Medium.eot");
  src: url("/fonts/Humane/Humane-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-Medium.woff2") format("woff2"), url("/fonts/Humane/Humane-Medium.woff") format("woff"), url("/fonts/Humane/Humane-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
/* Humane - SemiBold */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-SemiBold.eot");
  src: url("/fonts/Humane/Humane-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-SemiBold.woff2") format("woff2"), url("/fonts/Humane/Humane-SemiBold.woff") format("woff"), url("/fonts/Humane/Humane-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* Humane - Bold */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-Bold.eot");
  src: url("/fonts/Humane/Humane-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-Bold.woff2") format("woff2"), url("/fonts/Humane/Humane-Bold.woff") format("woff"), url("/fonts/Humane/Humane-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
/* Humane - ExtraBold */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-ExtraBold.eot");
  src: url("/fonts/Humane/Humane-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-ExtraBold.woff2") format("woff2"), url("/fonts/Humane/Humane-ExtraBold.woff") format("woff"), url("/fonts/Humane/Humane-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
/* Humane - Black */
@font-face {
  font-family: "Humane";
  src: url("/fonts/Humane/Humane-Black.eot");
  src: url("/fonts/Humane/Humane-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/Humane/Humane-Black.woff2") format("woff2"), url("/fonts/Humane/Humane-Black.woff") format("woff"), url("/fonts/Humane/Humane-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
* {
  box-sizing: border-box;
}

html body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--color-surface);
  color: var(--color-onSurface);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-normal);
  font-size: var(--text-base);
  font-style: normal;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

#navbar {
  border-bottom: 1px solid transparent;
}
#navbar .nav-mobile {
  right: -100%;
  transition: right 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
#navbar.nav-floating {
  background-color: color-mix(in oklab, var(--color-surface) 75%, transparent);
  backdrop-filter: blur(15px);
  border-bottom: 1px solid color-mix(in oklab, var(--color-outline) 10%, transparent);
}
#navbar.nav-floating ul a.nav-link {
  color: var(--color-onSurface);
}
#navbar.nav-floating ul a.nav-link:hover {
  color: var(--color-onSurfaceVariant);
}
#navbar.nav-floating .register-btn {
  background-color: var(--color-primary-dark);
  color: var(--color-surface);
  border-color: var(--color-primary-dark);
}
#navbar.nav-floating #menu-open-btn span {
  background-color: var(--color-onSurfaceVariant);
}
#navbar.drawer-opened #menu-open-btn span {
  background-color: var(--color-onSurfaceVariant);
}
#navbar.drawer-opened .nav-mobile {
  right: 0;
}

#home .home-hero {
  background: radial-gradient(98.73% 55.07% at 69.2% 52.93%, #004A37 31.16%, #006A4E 100%);
}
#home #thematics .thematic-index {
  color: transparent;
  -webkit-text-stroke: 4px var(--color-outline);
}
#home #prizes .prize-index {
  color: transparent;
  -webkit-text-stroke: 5px var(--color-surface);
}

#register .header-title {
  background: linear-gradient(180deg, rgba(94, 110, 118, 0.3) 0%, rgba(94, 110, 118, 0) 71.08%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

/*# sourceMappingURL=main.css.map */