@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --clr-white: hsl(0, 0%, 100%);
  --clr-black: hsl(0, 0%, 0%);
  --clr-blue-50: hsl(191, 100%, 96%);
  --clr-blue-100: hsl(191, 100%, 90%);
  --clr-blue-200: hsl(191, 100%, 80%);
  --clr-blue-300: hsl(191, 100%, 65%);
  --clr-blue-400: hsl(191, 100%, 50%);
  --clr-blue-500: hsl(191, 100%, 37%);
  --clr-blue-600: hsl(191, 100%, 31%);
  --clr-blue-700: hsl(191, 100%, 25%);
  --clr-blue-800: hsl(191, 95%, 19%);
  --clr-blue-900: hsl(191, 90%, 13%);
  --clr-slate-50: hsl(210, 40%, 98%);
  --clr-slate-100: hsl(210, 40%, 96%);
  --clr-slate-200: hsl(214, 32%, 91%);
  --clr-slate-300: hsl(213, 27%, 84%);
  --clr-slate-400: hsl(215, 20%, 65%);
  --clr-slate-500: hsl(215, 16%, 47%);
  --clr-slate-600: hsl(215, 19%, 35%);
  --clr-slate-700: hsl(215, 25%, 27%);
  --clr-slate-800: hsl(217, 33%, 17%);
  --clr-slate-900: hsl(222, 47%, 11%);
  --clr-slate-950: hsl(224, 45%, 6%);
  --ff-system: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --ff-poppins: "Poppins", sans-serif;
  --fw-thin: 100;
  --fw-extra-light: 200;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;
  --fw-black: 900;
  --fs-000: clamp(0.9375rem, 0.9119rem + 0.1136vw, 1rem);
  --fs-050: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
  --fs-100: clamp(1.35rem, 1.2631rem + 0.3864vw, 1.5625rem);
  --fs-200: clamp(1.62rem, 1.4837rem + 0.6057vw, 1.9531rem);
  --fs-300: clamp(1.944rem, 1.7405rem + 0.9044vw, 2.4414rem);
  --fs-400: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);
  --fs-500: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);
  --fs-600: clamp(3.3592rem, 2.7828rem + 2.5621vw, 4.7684rem);
  --fs-700: clamp(4.0311rem, 3.2418rem + 3.508vw, 5.9605rem);
  --fs-800: clamp(4.8373rem, 3.7682rem + 4.7514vw, 7.4506rem);
  --fs-900: clamp(5.8048rem, 4.3695rem + 6.379vw, 9.3132rem);
  --z-base: 000;
  --z-sidebar: 100;
  --z-toast: 200;
  --z-popup: 300;
  --z-overlay: 400;
  --shadow-color: 0deg 0% 63%;
  --shadow-elevation-low:
      0px 1px 1.1px hsl(var(--shadow-color) / 0.34),
      0px 1.7px 1.9px -1.2px hsl(var(--shadow-color) / 0.34),
      0px 4px 4.5px -2.5px hsl(var(--shadow-color) / 0.34);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  font-family: var(--ff-poppins, --ff-system);
  font-weight: var(--fw-normal);
  font-size: var(--fs-000);
  line-height: 1.4;
  color: light-dark(var(--clr-slate-900), var(--clr-white));
  background-color: light-dark(var(--clr-white), var(--clr-black));
  text-rendering: optimizeSpeed;
  min-height: 100vh;
}

img, picture, video, canvas, svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

input {
  accent-color: var(--clr-blue-500);
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  text-wrap: balance;
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
}

:where(a):hover {
  text-decoration: underline;
  color: var(--clr-blue-500);
}

:target {
  scroll-padding-block-start: 2rem;
}

*:focus-visible {
  position: relative;
  outline-offset: 4px;
  outline: 4px solid var(--clr-blue-500) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.noscript {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--fs-200);
}

.even-columns {
  display: grid;
  gap: 1rem;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}

.grid-auto-fit {
  display: grid;
  grid-gap: var(--gap, 1rem);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min, 15ch)), 1fr));
}

.grid-auto-fill {
  display: grid;
  grid-gap: var(--gap, 1rem);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--min, 15ch)), 1fr));
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.flexbox-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap, 1rem);
}

.flexbox-grid > * {
  flex: 1 1 var(--min, auto);
}

.stack {
  display: grid;
  grid-template-areas: "stack";
}

.stack > * {
  grid-area: stack;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-top: calc(1ex - 1cap);
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: var(--lines, 3);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.flow > *:where(:not(:first-child)) {
  margin-top: var(--flow-spacer, 1em);
}

.content-column {
  width: min(var(--max-width, 1400px), 100% - var(--gutter, 2rem) * 2);
  margin-inline: auto;
}

.container {
  container-type: inline-size;
}

.square {
  aspect-ratio: 1;
}

.order-swap > *:nth-child(2) {
  order: -1;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.hidden {
  display: none;
}

.contents {
  display: contents;
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.ff-system {
  font-family: var(--ff-system);
}

.fs-000 {
  font-size: var(--fs-000);
}

.fs-050 {
  font-size: var(--fs-050);
}

.fs-100 {
  font-size: var(--fs-100);
}

.fs-200 {
  font-size: var(--fs-200);
}

.fs-300 {
  font-size: var(--fs-300);
}

.fs-400 {
  font-size: var(--fs-400);
}

.fs-500 {
  font-size: var(--fs-500);
}

.fs-600 {
  font-size: var(--fs-600);
}

.fs-700 {
  font-size: var(--fs-700);
}

.fs-800 {
  font-size: var(--fs-800);
}

.fs-900 {
  font-size: var(--fs-900);
}

.fw-thin {
  font-weight: var(--fw-thin);
}

.fw-extra-light {
  font-weight: var(--fw-extra-light);
}

.fw-light {
  font-weight: var(--fw-light);
}

.fw-normal {
  font-weight: var(--fw-normal);
}

.fw-medium {
  font-weight: var(--fw-medium);
}

.fw-semi-bold {
  font-weight: var(--fw-semi-bold);
}

.fw-bold {
  font-weight: var(--fw-bold);
}

.fw-extra-bold {
  font-weight: var(--fw-extra-bold);
}

.fw-black {
  font-weight: var(--fw-black);
}

.clr-black {
  color: var(--clr-black);
}

.my-auto {
  margin-block: auto;
}

.mx-auto {
  margin-inline: auto;
}/*# sourceMappingURL=main.css.map */