@charset "UTF-8";
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Reset */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

*, *::before, *::after {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  user-select: none;
}

button, textarea, input, select, a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

i {
  font-style: unset;
}

b {
  font-weight: unset;
}

a {
  text-decoration: none;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Roots */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --font-primary: "Monument", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  --blu: 20px;
  --lhr: 1.1;
  --p-fs: calc(var(--blu) * 1);
  --p-lh: calc(var(--p-fs) * var(--lhr));
  --green: #00ff00;
  --black: #000000;
  --gray-01: #5c5c5b;
  --gray-02: #706f6f;
  --gray-03: #8c8c8c;
  --gray-04: #cfd1d1;
  --white: #ffffff;
}

h1, h2, h3, h4, h5, h6, p,
a, a:link, a:focus, a:visited, a:active,
strong, b, em, i, ul, ol, li, dl, td,
mark, cite, figcaption, address, pre, code, samp, small {
  font-family: var(--font-primary);
  font-size: var(--p-fs);
  line-height: var(--p-lh);
  font-weight: 500;
  color: var(--gray-03);
  margin: 0;
  margin-block: 0;
  padding: 0;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Global */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Typography */
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Thin.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Thin.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-ThinItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-ThinItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Light.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-LightItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Regular.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-RegularItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Medium.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-MediumItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Bold.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-BoldItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Heavy.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-HeavyItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-HeavyItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-Black.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument";
  src: url("fonts/ABCMonumentGroteskGreekSemiMono-BlackItalic.woff2") format("woff2"), url("fonts/ABCMonumentGroteskGreekSemiMono-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  font-family: var(--font-primary);
  font-weight: 500;
}

button, input, select, textarea {
  font: inherit;
}

@media all and (max-width: 35em) {
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* 01 / Mobile */
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  :root {
    --media: _00_Mobile;
  }
}
@media all and (min-width: 35em) {
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* 02 / Tablet */
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  :root {
    --media: _02_Tablet;
  }
}
@media all and (min-width: 55em) {
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* 03 / Tablet-Laptop */
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  :root {
    --media: _03_Tablet_Laptop;
  }
}
@media all and (min-width: 75em) {
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* 04 / Laptop */
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  :root {
    --media: _04_Laptop;
  }
}
@media all and (min-width: 120em) {
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* 05 / Desktop */
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  :root {
    --media: _05_Desktop;
  }
}
@supports (-webkit-hyphens: none) {
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* 00 / Safari Only */
  /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
}

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