/*
* Web Fonts from colophon-foundry.org
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Colophon Foundry. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2023 Colophon Foundry
*
* Licenced to Marlike Marks, Stichting Ballon Rouge
*/
@font-face {
  font-family: "pdu-regular-pro";
  src: url("../fonts/pdu-regular-pro.woff2") format("woff2"), url("../fonts/pdu-regular-pro.woff") format("woff"), url("../fonts/pdu-regular-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pdu-stencil-regular-pro";
  src: url("../fonts/pdu-stencil-regular-pro.woff2") format("woff2"), url("../fonts/pdu-stencil-regular-pro.woff") format("woff"), url("../fonts/pdu-stencil-regular-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus {
  outline: 1px solid var(--color-primary);
}

:root {
  font-family: var(--font-base);
  font-size: var(--font-size-base);
  -webkit-text-size-adjust: none;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  min-width: 100%;
  background-color: var(--color-body-bg);
  color: var(--color-body-fg);
}

section,
header,
main,
footer {
  display: block;
}

button,
a[href] {
  cursor: pointer;
}

menu,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

pre {
  white-space: pre-wrap;
  margin: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 1em;
}

:root {
  --color-primary: #e74d4b;
  --color-primary-rgb: 231, 77, 75;
  --color-primary-bg: #e74d4b;
  --color-primary-bg-rgb: 231, 77, 75;
  --color-primary-fg: #ffffff;
  --color-primary-fg-rgb: 255, 255, 255;
  --color-primary-inverted-bg: #18b2b4;
  --color-primary-inverted-bg-rgb: 24, 178, 180;
  --color-primary-inverted-fg: black;
  --color-primary-inverted-fg-rgb: 0, 0, 0;
  --color-secondary: #ef7e30;
  --color-secondary-rgb: 239, 126, 48;
  --color-secondary-bg: #ef7e30;
  --color-secondary-bg-rgb: 239, 126, 48;
  --color-secondary-fg: #222222;
  --color-secondary-fg-rgb: 34, 34, 34;
  --color-secondary-inverted-bg: #1081cf;
  --color-secondary-inverted-bg-rgb: 16, 129, 207;
  --color-secondary-inverted-fg: #dddddd;
  --color-secondary-inverted-fg-rgb: 221, 221, 221;
  --color-tertiary: #fec9c9;
  --color-tertiary-rgb: 254, 201, 201;
  --color-tertiary-bg: #fec9c9;
  --color-tertiary-bg-rgb: 254, 201, 201;
  --color-tertiary-fg: #222222;
  --color-tertiary-fg-rgb: 34, 34, 34;
  --color-tertiary-inverted-bg: #013636;
  --color-tertiary-inverted-bg-rgb: 1, 54, 54;
  --color-tertiary-inverted-fg: #dddddd;
  --color-tertiary-inverted-fg-rgb: 221, 221, 221;
  --color-quaternary: #f0d850;
  --color-quaternary-rgb: 240, 216, 80;
  --color-quaternary-bg: #f0d850;
  --color-quaternary-bg-rgb: 240, 216, 80;
  --color-quaternary-fg: #222222;
  --color-quaternary-fg-rgb: 34, 34, 34;
  --color-quaternary-inverted-bg: #0f27af;
  --color-quaternary-inverted-bg-rgb: 15, 39, 175;
  --color-quaternary-inverted-fg: #dddddd;
  --color-quaternary-inverted-fg-rgb: 221, 221, 221;
  --color-quinary: #70a384;
  --color-quinary-rgb: 112, 163, 132;
  --color-quinary-bg: #70a384;
  --color-quinary-bg-rgb: 112, 163, 132;
  --color-quinary-fg: #222222;
  --color-quinary-fg-rgb: 34, 34, 34;
  --color-quinary-inverted-bg: #8f5c7b;
  --color-quinary-inverted-bg-rgb: 143, 92, 123;
  --color-quinary-inverted-fg: #dddddd;
  --color-quinary-inverted-fg-rgb: 221, 221, 221;
  --color-senary: #344c3e;
  --color-senary-rgb: 52, 76, 62;
  --color-senary-bg: #344c3e;
  --color-senary-bg-rgb: 52, 76, 62;
  --color-senary-fg: #ffffff;
  --color-senary-fg-rgb: 255, 255, 255;
  --color-senary-inverted-bg: #cbb3c1;
  --color-senary-inverted-bg-rgb: 203, 179, 193;
  --color-senary-inverted-fg: black;
  --color-senary-inverted-fg-rgb: 0, 0, 0;
  --color-septenary: #b0dfe7;
  --color-septenary-rgb: 176, 223, 231;
  --color-septenary-bg: #b0dfe7;
  --color-septenary-bg-rgb: 176, 223, 231;
  --color-septenary-fg: #222222;
  --color-septenary-fg-rgb: 34, 34, 34;
  --color-septenary-inverted-bg: #4f2018;
  --color-septenary-inverted-bg-rgb: 79, 32, 24;
  --color-septenary-inverted-fg: #dddddd;
  --color-septenary-inverted-fg-rgb: 221, 221, 221;
  --color-octonary: #5786a0;
  --color-octonary-rgb: 87, 134, 160;
  --color-octonary-bg: #5786a0;
  --color-octonary-bg-rgb: 87, 134, 160;
  --color-octonary-fg: #ffffff;
  --color-octonary-fg-rgb: 255, 255, 255;
  --color-octonary-inverted-bg: #a8795f;
  --color-octonary-inverted-bg-rgb: 168, 121, 95;
  --color-octonary-inverted-fg: black;
  --color-octonary-inverted-fg-rgb: 0, 0, 0;
  --color-nonary: #afe0e7;
  --color-nonary-rgb: 175, 224, 231;
  --color-nonary-bg: #afe0e7;
  --color-nonary-bg-rgb: 175, 224, 231;
  --color-nonary-fg: #222222;
  --color-nonary-fg-rgb: 34, 34, 34;
  --color-nonary-inverted-bg: #501f18;
  --color-nonary-inverted-bg-rgb: 80, 31, 24;
  --color-nonary-inverted-fg: #dddddd;
  --color-nonary-inverted-fg-rgb: 221, 221, 221;
  --color-denary: #a74546;
  --color-denary-rgb: 167, 69, 70;
  --color-denary-bg: #a74546;
  --color-denary-bg-rgb: 167, 69, 70;
  --color-denary-fg: #ffffff;
  --color-denary-fg-rgb: 255, 255, 255;
  --color-denary-inverted-bg: #58bab9;
  --color-denary-inverted-bg-rgb: 88, 186, 185;
  --color-denary-inverted-fg: black;
  --color-denary-inverted-fg-rgb: 0, 0, 0;
  --color-danger: #e74d4b;
  --color-danger-rgb: 231, 77, 75;
  --color-danger-bg: #e74d4b;
  --color-danger-bg-rgb: 231, 77, 75;
  --color-danger-fg: #ffffff;
  --color-danger-fg-rgb: 255, 255, 255;
  --color-danger-inverted-bg: #18b2b4;
  --color-danger-inverted-bg-rgb: 24, 178, 180;
  --color-danger-inverted-fg: black;
  --color-danger-inverted-fg-rgb: 0, 0, 0;
  --color-warning: #ef7e30;
  --color-warning-rgb: 239, 126, 48;
  --color-warning-bg: #ef7e30;
  --color-warning-bg-rgb: 239, 126, 48;
  --color-warning-fg: #222222;
  --color-warning-fg-rgb: 34, 34, 34;
  --color-warning-inverted-bg: #1081cf;
  --color-warning-inverted-bg-rgb: 16, 129, 207;
  --color-warning-inverted-fg: #dddddd;
  --color-warning-inverted-fg-rgb: 221, 221, 221;
  --color-success: #70a384;
  --color-success-rgb: 112, 163, 132;
  --color-success-bg: #70a384;
  --color-success-bg-rgb: 112, 163, 132;
  --color-success-fg: #222222;
  --color-success-fg-rgb: 34, 34, 34;
  --color-success-inverted-bg: #8f5c7b;
  --color-success-inverted-bg-rgb: 143, 92, 123;
  --color-success-inverted-fg: #dddddd;
  --color-success-inverted-fg-rgb: 221, 221, 221;
  --color-info: #5786a0;
  --color-info-rgb: 87, 134, 160;
  --color-info-bg: #5786a0;
  --color-info-bg-rgb: 87, 134, 160;
  --color-info-fg: #ffffff;
  --color-info-fg-rgb: 255, 255, 255;
  --color-info-inverted-bg: #a8795f;
  --color-info-inverted-bg-rgb: 168, 121, 95;
  --color-info-inverted-fg: black;
  --color-info-inverted-fg-rgb: 0, 0, 0;
  --color-dark: #222222;
  --color-dark-rgb: 34, 34, 34;
  --color-dark-bg: #222222;
  --color-dark-bg-rgb: 34, 34, 34;
  --color-dark-fg: #ffffff;
  --color-dark-fg-rgb: 255, 255, 255;
  --color-dark-inverted-bg: #dddddd;
  --color-dark-inverted-bg-rgb: 221, 221, 221;
  --color-dark-inverted-fg: black;
  --color-dark-inverted-fg-rgb: 0, 0, 0;
  --color-medium: #bfbfbf;
  --color-medium-rgb: 191, 191, 191;
  --color-medium-bg: #bfbfbf;
  --color-medium-bg-rgb: 191, 191, 191;
  --color-medium-fg: #222222;
  --color-medium-fg-rgb: 34, 34, 34;
  --color-medium-inverted-bg: #404040;
  --color-medium-inverted-bg-rgb: 64, 64, 64;
  --color-medium-inverted-fg: #dddddd;
  --color-medium-inverted-fg-rgb: 221, 221, 221;
  --color-light: #ffffff;
  --color-light-rgb: 255, 255, 255;
  --color-light-bg: #ffffff;
  --color-light-bg-rgb: 255, 255, 255;
  --color-light-fg: #222222;
  --color-light-fg-rgb: 34, 34, 34;
  --color-light-inverted-bg: black;
  --color-light-inverted-bg-rgb: 0, 0, 0;
  --color-light-inverted-fg: #dddddd;
  --color-light-inverted-fg-rgb: 221, 221, 221;
  --color-body: #ffffff;
  --color-body-rgb: 255, 255, 255;
  --color-body-bg: #ffffff;
  --color-body-bg-rgb: 255, 255, 255;
  --color-body-fg: #222222;
  --color-body-fg-rgb: 34, 34, 34;
  --color-body-inverted-bg: black;
  --color-body-inverted-bg-rgb: 0, 0, 0;
  --color-body-inverted-fg: #dddddd;
  --color-body-inverted-fg-rgb: 221, 221, 221;
  --color-element: #f2f2f2;
  --color-element-rgb: 242, 242, 242;
  --color-element-bg: #f2f2f2;
  --color-element-bg-rgb: 242, 242, 242;
  --color-element-fg: #222222;
  --color-element-fg-rgb: 34, 34, 34;
  --color-element-inverted-bg: #0d0d0d;
  --color-element-inverted-bg-rgb: 13, 13, 13;
  --color-element-inverted-fg: #dddddd;
  --color-element-inverted-fg-rgb: 221, 221, 221;
  --color-scale: 255, 255, 255;
  --color-scale-inverted: 0, 0, 0;
  --font-base: "Courier New", Courier, monospace;
  --font-headers: "pdu-stencil-regular-pro", sans-serif;
  --font-headers-legible: "pdu-regular-pro", sans-serif;
  --font-legible: "Courier New", Courier, monospace;
  --font-monospace: "Courier New", Courier, monospace;
  --font-size-base: 16px;
}

:root::before {
  content: "";
  display: block;
  position: fixed;
  inset: 0 0 0 0;
  background-color: var(--color-body-bg);
  transition: opacity 0.4s ease-in-out;
  z-index: 9999;
}
:root::after {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  line-height: 1;
  translate: -50% -50%;
  transform-origin: 50% 50%;
  transition: opacity 0.4s ease-in-out, translate 0.4s ease-in-out;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cstyle%3E path %7B fill: none; stroke: %232b2b2b; stroke-width: 8; animation: spin 2s linear infinite; transform-origin: center; %7D @keyframes spin %7B 0%25 %7B rotate: 0deg; %7D 100%25 %7B rotate: 360deg; %7D %7D %3C/style%3E%3Cpath d='M 4 64 A 60 60 0 1 0 64 4' /%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6rem;
  height: 6rem;
  backface-visibility: visible;
}
:root.loading::before, :root.loading::after {
  opacity: 1;
}
:root:not(.loading)::before, :root:not(.loading)::after {
  pointer-events: none;
  opacity: 0;
}
:root:not(.loading)::after {
  transition-delay: 0.32s;
}

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