@font-face {
  font-family: Futura PT;
  src: url('../fonts/FuturaCyrillicBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura PT;
  src: url('../fonts/FuturaCyrillicHeavy.ttf') format("truetype"), url('../fonts/FuturaCyrillicExtraBold.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura PT;
  src: url('../fonts/FuturaCyrillicMedium.ttf') format("truetype"), url('../fonts/FuturaCyrillicDemi.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura PT;
  src: url('../fonts/FuturaCyrillicBook.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura PT;
  src: url('../fonts/FuturaCyrillicLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akkuratmono;
  src: url('../fonts/AkkuratMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Churchwardroundsquare;
  src: url('../fonts/ChurchwardRoundsquare-Regular.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gc Begia;
  src: url('../fonts/GC-Begia-Demo-BF69b03d3b6b9a1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-BoldItalic.ttf') format("truetype"), url('../fonts/AtkinsonHyperlegibleMono-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-Bold.ttf') format("truetype"), url('../fonts/AtkinsonHyperlegibleMono-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinsonhyperlegiblemono;
  src: url('../fonts/AtkinsonHyperlegibleMono-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-ExtraBold.ttf') format("truetype"), url('../fonts/GeistMono-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexmono;
  src: url('../fonts/IBMPlexMono-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Opificio Neue;
  src: url('../fonts/Opificio_neue-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opificio Serif;
  src: url('../fonts/Opificio-Serif-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opificio Serif;
  src: url('../fonts/Opificio-Serif-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opificio Serif Rounded;
  src: url('../fonts/Opificio-Serif-rounded.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/helveticaneue-black-italic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-thin-italic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/helveticaneue-bold-italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/helveticaneue-light-italic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeueBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeueMedium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeueLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-normal-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Regular;
  src: url('../fonts/Maxeville-TekstItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Regular;
  src: url('../fonts/Maxeville-Tekst.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Special i;
  src: url('../fonts/Maxeville-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Special i;
  src: url('../fonts/Maxeville-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Special i;
  src: url('../fonts/Maxeville-RegularItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Special i;
  src: url('../fonts/Maxeville-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Constructed;
  src: url('../fonts/Maxeville-BoldConstructItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Constructed;
  src: url('../fonts/Maxeville-Construct.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Constructed;
  src: url('../fonts/Maxeville-BoldConstruct.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Maxeville-Constructed;
  src: url('../fonts/Maxeville-ConstructItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Deimos;
  src: url('../fonts/Deimos.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Merivale;
  src: url('../fonts/Merivale-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Motherva;
  src: url('../fonts/Motherva.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax;
  src: url('../fonts/Chillax-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax;
  src: url('../fonts/Chillax-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax;
  src: url('../fonts/Chillax-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax;
  src: url('../fonts/Chillax-Extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax;
  src: url('../fonts/Chillax-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax;
  src: url('../fonts/Chillax-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alpino;
  src: url('../fonts/Alpino-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alpino;
  src: url('../fonts/Alpino-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alpino;
  src: url('../fonts/Alpino-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alpino;
  src: url('../fonts/Alpino-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alpino;
  src: url('../fonts/Alpino-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Alpino;
  src: url('../fonts/Alpino-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-ExtralightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Boska;
  src: url('../fonts/Boska-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-ExtraBold.otf') format("opentype"), url('../fonts/BeVietnamPro-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-ExtraBoldItalic.otf') format("opentype"), url('../fonts/BeVietnamPro-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-ExtraLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bevietnampro;
  src: url('../fonts/BeVietnamPro-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-ExtraBoldItalic.otf') format("opentype"), url('../fonts/Epilogue-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-ExtraBold.otf') format("opentype"), url('../fonts/Epilogue-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-ExtraLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Epilogue;
  src: url('../fonts/Epilogue-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kola;
  src: url('../fonts/Kola-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-ExtraBoldItalic.otf') format("opentype"), url('../fonts/Nunito-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-ExtraBold.otf') format("opentype"), url('../fonts/Nunito-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-ExtraLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Bold.otf') format("opentype"), url('../fonts/Zodiak-Extrabold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-BoldItalic.otf') format("opentype"), url('../fonts/Zodiak-ExtraboldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Zodiak;
  src: url('../fonts/Zodiak-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-extra-light.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-normal.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-extra-light-Italic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/Helveticaneue-extrabold.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/HelveticaNeue-HeavyItalic.otf') format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

:root {
  --neon-green: #1fe900;
  --project-name-font-size: 60px;
  --light-grey-1: #c2c2c2;
  --electric-blue: #0d00fd;
}

.body {
  aspect-ratio: auto;
  background-color: #000;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.div-block {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-button {
  color: #000;
  background-color: #3898ec00;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 80px;
  font-family: Futura PT, Arial, sans-serif;
  font-size: 80px;
  display: flex;
}

.project-hero-image-container {
  background-image: url('../images/Chair---Home.1.jpg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
}

.project-hero-image {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}

.project-hero-image.hi-kelpkutter {
  background-image: url('../images/THE-KELP-KUTTER_Finnegan_Hardy_highres_4.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-hero-image.hi-2dto3d {
  background-image: url('../images/TWO_THREE_DIMENSIONS_Kuangxiao_Liu_and_Finnegan_Hardy_Final_Web-_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-hero-image.hi-tetraforma {
  background-image: url('../images/Sofa-HD-1.1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-hero-image.hi-diytrailer {
  background-image: url('../images/Bike-Trailer.2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-hero-image.hi-sticks {
  background-image: url('../images/sticktable.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-hero-image.hi-crowbar {
  background-image: url('../images/DSC_0068.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-list {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center start;
  width: auto;
  height: auto;
  margin-bottom: 40px;
  margin-left: 30px;
  display: grid;
  position: fixed;
  inset: auto auto 0% 0%;
}

.project-title-container {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.project-title-container:hover {
  opacity: 1;
  pointer-events: auto;
  color: var(--neon-green);
}

.project-title-name {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: var(--project-name-font-size);
  text-transform: capitalize;
  mix-blend-mode: difference;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.project-text-container {
  display: flex;
}

.project-title-date {
  margin-left: 10px;
  font-family: Geistmono, Arial, sans-serif;
  font-size: 12px;
  font-weight: 200;
}

.navbar-container {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 40px;
  display: grid;
  position: static;
  inset: 0% 0% auto;
}

.text-block {
  color: #fff;
  text-align: center;
  white-space: normal;
  font-family: Chillax, Arial, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 100%;
}

.navbar-logo {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-family: Chillax, Arial, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 100%;
  text-decoration: none;
}

.navbar-logo.w--current {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-logo.alt {
  color: var(--light-grey-1);
  margin-left: 30px;
}

.link-block {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-2 {
  font-size: 50px;
}

.text-block-3 {
  color: #fff;
  font-family: Atkinsonhyperlegiblemono, Arial, sans-serif;
  font-size: 40px;
}

.navbar, .navbar-copy {
  background-color: #ddd0;
  display: flex;
}

.nav-button.w--open {
  background-color: #0000;
  width: 3rem;
  height: 3rem;
  padding: 0;
}

.hamburger-1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hambureg-1-line {
  background-color: #fff;
  width: 100%;
  height: .2rem;
}

.nav-wrap {
  background-color: #ddd0;
}

.nav-btn {
  width: 3rem;
  height: 3rem;
  padding: 0;
}

.nav-btn.w--open {
  color: inherit;
  background-color: #fff0;
}

.hamburger-1-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hamburger-1-line {
  background-color: currentColor;
  width: 100%;
  height: .2rem;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
}

.hamburger-1-line.is-1 {
  transform: translate(0, .35rem);
}

.hamburger-1-line.is-2 {
  transform: translate(0, -.35rem);
}

.hamburger {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.div-block-2 {
  width: 100%;
  height: 2px;
}

.burger-line {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.burger-line.bl-1.alt, .burger-line.bl-2.alt {
  background-color: #000;
}

.navbar-2 {
  z-index: 3;
  background-color: #ddd0;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  height: 9vh;
  min-height: 40px;
  display: flex;
}

.navbar-2.alternate {
  filter: invert();
}

.menu-icon-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  padding-right: 30px;
  display: flex;
  position: absolute;
}

.navbar-logo-text {
  height: 100%;
  font-family: Futura PT, Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
}

.menu-text-label {
  color: #fff;
  cursor: pointer;
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.menu-text-label.mtl-close {
  opacity: 0;
  transform: translate(0, -10px);
}

.menu-text-label.mtl-close.alt {
  color: #000;
}

.menu-text-label.mtl-menu {
  transform: translate(0, 10px);
}

.menu-text-label.mtl-menu.alt {
  color: #000;
}

.close-text-label {
  opacity: 0;
  color: #fff;
  cursor: pointer;
  font-family: Quicksand, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  transform: translate(0, -10px);
}

.project-list-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.project-title-text {
  color: #fff;
  font-family: Quicksand, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.menu-content-wrap {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
}

.menu-content-wrap.alternate {
  filter: invert();
}

.menu-content-container {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.link-block-2 {
  width: 100%;
  height: 70px;
}

.menu-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  width: 100%;
  margin-right: 30px;
  display: flex;
}

.menu-option-text {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  line-height: 100%;
}

.menu-option-text:hover {
  color: var(--electric-blue);
}

.menu-option-text.about-hover-state {
  text-transform: capitalize;
}

.menu-option-text.alt {
  color: #000;
}

.menu-option-text.alt:hover {
  color: var(--electric-blue);
}

.menu-link-container {
  text-align: right;
  width: 100%;
  height: 100%;
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 60px;
  font-weight: 500;
  text-decoration: none;
}

.menu-link-container:hover {
  color: #0d00fd;
}

.navbar-menu-container.alt {
  filter: invert();
}

.body-2 {
  background-color: #000;
}

.projectpage-images-container {
  flex-flow: column;
  width: 60%;
  height: 100%;
  display: flex;
}

.body-project-page {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.slide {
  background-color: #fff;
}

.slide.slide1 {
  background-image: url('../images/Chair---Home.1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide.slide2 {
  background-image: url('../images/TWO_THREE_DIMENSIONS_Kuangxiao_Liu_and_Finnegan_Hardy_Final_Web-_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide.slide3 {
  background-image: url('../images/DSC_0068.JPG');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.slide-2 {
  background-color: #fff;
  background-image: url('../images/sticktable.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slider {
  background-color: #fff;
  height: 100%;
}

.right-arrow {
  justify-content: flex-end;
  align-items: center;
}

.pp-pics-slider-container {
  height: 100%;
}

.slide-3 {
  background-image: url('../images/TWO_THREE_DIMENSIONS_Kuangxiao_Liu_and_Finnegan_Hardy_Final_Web-_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.projectpage-details-container {
  width: 40%;
  padding-left: 20px;
  padding-right: 15px;
  overflow: auto;
}

.pp-details-layout {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.projectpage-project-container {
  height: 91vh;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.pp-details {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.pp-details.discipline {
  margin-top: 20px;
}

.pp-details.title {
  height: 50px;
  margin-bottom: 30px;
}

.pp-detail-label {
  color: var(--light-grey-1);
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.pp-detail-label-copy {
  text-transform: uppercase;
  margin-right: 10px;
  font-family: Helvetica Neue, Arial, sans-serif;
}

.pp-detail-content {
  color: #000;
  font-family: Futura PT, Arial, sans-serif;
  font-size: 30px;
}

.pp-detail-content.description {
  text-align: justify;
  font-size: 16px;
}

.pp-detail-content.discipline, .pp-detail-content.materials {
  font-size: 16px;
}

.pp-detail-content.title {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 50px;
  font-weight: 500;
  display: flex;
}

.slide-nav {
  display: none;
}

.lightbox-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.process-pics-container {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-pic {
  aspect-ratio: 4 / 3;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}

.process-pic.pic1 {
  background-image: url('../images/68e5463fe20b43276d725075_IMG_3888.jpeg');
}

.process-pic.pic2 {
  background-image: url('../images/68e548a99c31c9f2697cdcd9_IMG_3890.jpeg');
}

.process-pic.pic3 {
  background-image: url('../images/6900e1200b1fac9fcb804fcc_IMG_4808.jpeg');
}

.mask {
  border-radius: 10px;
}

.title-container {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-3 {
  height: 20px;
}

.title-details {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

.spacing-line {
  background-color: #d6d6d6;
  height: 1px;
  margin-top: 10px;
}

.pp-title {
  height: 50px;
  margin-bottom: 20px;
}

.pp-title.discipline {
  margin-top: 20px;
}

.pp-title.title {
  height: 50px;
  margin-bottom: 30px;
}

.icon {
  margin-right: 10px;
}

.icon-2 {
  margin-left: 10px;
}

.video-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.code-embed {
  width: 100%;
  height: 100%;
}


@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaCyrillicBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaCyrillicHeavy.ttf') format('truetype'), url('../fonts/FuturaCyrillicExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaCyrillicMedium.ttf') format('truetype'), url('../fonts/FuturaCyrillicDemi.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaCyrillicBook.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaCyrillicLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akkuratmono';
  src: url('../fonts/AkkuratMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Churchwardroundsquare';
  src: url('../fonts/ChurchwardRoundsquare-Regular.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gc Begia';
  src: url('../fonts/GC-Begia-Demo-BF69b03d3b6b9a1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-BoldItalic.ttf') format('truetype'), url('../fonts/AtkinsonHyperlegibleMono-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-Bold.ttf') format('truetype'), url('../fonts/AtkinsonHyperlegibleMono-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Atkinsonhyperlegiblemono';
  src: url('../fonts/AtkinsonHyperlegibleMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-ExtraBold.ttf') format('truetype'), url('../fonts/GeistMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexmono';
  src: url('../fonts/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opificio Neue';
  src: url('../fonts/Opificio_neue-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opificio Serif';
  src: url('../fonts/Opificio-Serif-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opificio Serif';
  src: url('../fonts/Opificio-Serif-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opificio Serif Rounded';
  src: url('../fonts/Opificio-Serif-rounded.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneue-black-italic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-thin-italic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneue-bold-italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneue-light-italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeueBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeueMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeueLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-normal-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Regular';
  src: url('../fonts/Maxeville-TekstItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Regular';
  src: url('../fonts/Maxeville-Tekst.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Special i';
  src: url('../fonts/Maxeville-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Special i';
  src: url('../fonts/Maxeville-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Special i';
  src: url('../fonts/Maxeville-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Special i';
  src: url('../fonts/Maxeville-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Constructed';
  src: url('../fonts/Maxeville-BoldConstructItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Constructed';
  src: url('../fonts/Maxeville-Construct.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Constructed';
  src: url('../fonts/Maxeville-BoldConstruct.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Maxeville-Constructed';
  src: url('../fonts/Maxeville-ConstructItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Deimos';
  src: url('../fonts/Deimos.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merivale';
  src: url('../fonts/Merivale-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Motherva';
  src: url('../fonts/Motherva.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax';
  src: url('../fonts/Chillax-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax';
  src: url('../fonts/Chillax-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax';
  src: url('../fonts/Chillax-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax';
  src: url('../fonts/Chillax-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax';
  src: url('../fonts/Chillax-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax';
  src: url('../fonts/Chillax-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alpino';
  src: url('../fonts/Alpino-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alpino';
  src: url('../fonts/Alpino-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alpino';
  src: url('../fonts/Alpino-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alpino';
  src: url('../fonts/Alpino-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alpino';
  src: url('../fonts/Alpino-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alpino';
  src: url('../fonts/Alpino-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-ExtralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Boska';
  src: url('../fonts/Boska-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-ExtraBold.otf') format('opentype'), url('../fonts/BeVietnamPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-ExtraBoldItalic.otf') format('opentype'), url('../fonts/BeVietnamPro-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bevietnampro';
  src: url('../fonts/BeVietnamPro-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-ExtraBoldItalic.otf') format('opentype'), url('../fonts/Epilogue-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-ExtraBold.otf') format('opentype'), url('../fonts/Epilogue-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kola';
  src: url('../fonts/Kola-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraBoldItalic.otf') format('opentype'), url('../fonts/Nunito-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraBold.otf') format('opentype'), url('../fonts/Nunito-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('../fonts/SpaceGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Bold.otf') format('opentype'), url('../fonts/Zodiak-Extrabold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-BoldItalic.otf') format('opentype'), url('../fonts/Zodiak-ExtraboldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../fonts/Zodiak-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-extra-light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-normal.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-extra-light-Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/Helveticaneue-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-HeavyItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}