@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 100;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Thin.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 100;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedThin.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedThin.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 100;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ThinOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ThinOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 100;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-ThinOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ThinOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 100;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedThinOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedThinOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 100;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedThinOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedThinOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 100;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ThinItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 100;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedThinItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtraLight.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 200;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraLight.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 200;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtraLightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraLightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 200;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtraLightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraLightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 200;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraLightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraLightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 200;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraLightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraLightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 200;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtraLightItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 200;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraLightItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraLightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Light.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 300;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedLight.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedLight.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 300;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-LightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-LightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 300;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-LightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-LightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 300;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedLightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedLightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 300;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedLightOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedLightOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-LightItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 300;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedLightItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedLightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Regular.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 400;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Extended.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Extended.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 400;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-Oblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Oblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 400;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-Oblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Oblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 400;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 400;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-Italic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 400;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Medium.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 500;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedMedium.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedMedium.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 500;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-MediumOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-MediumOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 500;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-MediumOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-MediumOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 500;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedMediumOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedMediumOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 500;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedMediumOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedMediumOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-MediumItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 500;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedMediumItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedMediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-SemiBold.woff2") format("woff2"), url("/fonts/TTF/Iosevka-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 600;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedSemiBold.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedSemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 600;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-SemiBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-SemiBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 600;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-SemiBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-SemiBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 600;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedSemiBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedSemiBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 600;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedSemiBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedSemiBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-SemiBoldItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 600;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedSemiBoldItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedSemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Bold.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 700;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedBold.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedBold.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 700;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-BoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-BoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 700;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-BoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-BoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 700;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 700;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 700;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-BoldItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 700;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedBoldItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtraBold.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 800;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraBold.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 800;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtraBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 800;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtraBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 800;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 800;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraBoldOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraBoldOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 800;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtraBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 800;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedExtraBoldItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedExtraBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-Heavy.woff2") format("woff2"), url("/fonts/TTF/Iosevka-Heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 900;
  font-stretch: expanded;
  font-style: normal;
  src: url("/fonts/WOFF2/Iosevka-ExtendedHeavy.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedHeavy.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 900;
  font-stretch: normal;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-HeavyOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-HeavyOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 900;
  font-stretch: normal;
  src: url("/fonts/WOFF2/Iosevka-HeavyOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-HeavyOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 900;
  font-stretch: expanded;
  font-style: oblique;
  src: url("/fonts/WOFF2/Iosevka-ExtendedHeavyOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedHeavyOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web Oblique";
  font-display: swap;
  font-weight: 900;
  font-stretch: expanded;
  src: url("/fonts/WOFF2/Iosevka-ExtendedHeavyOblique.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedHeavyOblique.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 900;
  font-stretch: normal;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-HeavyItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-HeavyItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Iosevka Web";
  font-display: swap;
  font-weight: 900;
  font-stretch: expanded;
  font-style: italic;
  src: url("/fonts/WOFF2/Iosevka-ExtendedHeavyItalic.woff2") format("woff2"), url("/fonts/TTF/Iosevka-ExtendedHeavyItalic.ttf") format("truetype");
}
body {
  background-color: color-mix(in oklch shorter hue, #FFF 90%, oklch(42.15% 0.1834 289.49deg) 10%);
  color: oklch(20.37% 0.1085 289.49deg);
  font-family: "Iosevka Web", serif;
  font-stretch: expanded;
  margin: 0;
}

nav {
  border-bottom: 1px solid gray;
  display: flex;
  justify-content: center;
  font-size: 1.2em;
}
nav ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  max-width: min(960px, 95%);
  width: 100%;
}
nav a {
  text-decoration: none;
  color: oklch(42.15% 0.1834 289.49deg);
}

header {
  font-size: 1.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4rem;
}
header div {
  max-width: min(960px, 95%);
}
header h1 {
  color: oklch(42.15% 0.1834 289.49deg);
}
header h2 {
  color: black;
}
header p:has(a) {
  display: inline-block;
}
header a {
  padding: 1em 2em;
  text-decoration: none;
  color: white;
  background-color: oklch(42.15% 0.1834 289.49deg);
  border-radius: 0.75rem;
  font-size: 0.8em;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease-in-out;
}
header a:hover, header a:focus, header a:active {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

main {
  display: flex;
  justify-content: center;
  align-items: center;
}
main > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1rem;
  max-width: min(960px, 95%);
}
@media (max-width: 768px) {
  main > div {
    grid-template-columns: 1fr;
  }
}
main h3 {
  color: black;
}

footer {
  display: flex;
  justify-content: center;
  border-top: 1px solid gray;
}
footer > div {
  display: flex;
  justify-content: space-between;
  max-width: min(960px, 95%);
  width: 100%;
  flex-wrap: wrap;
}
footer a {
  color: oklch(20.37% 0.1085 289.49deg);
}

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