.logo.svelte-pn1mls {
        display: block;
        width: 100%;
        height: 100%;

        img:where(.svelte-pn1mls) {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }
    }
ul.svelte-1g7xwvl {
  --gap: var(--spacing-fixed-xxs);
  --width: var(--spacing-md);
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin: 0;
  padding: 0;
}

li.svelte-1g7xwvl {
  --unselected-accent: var(--accent-color-main-darkened);
  --selected-accent: var(--accent-color-main);
  --deduced-accent: var(--unselected-accent);
}
li[data-selected=true].svelte-1g7xwvl {
  --deduced-accent: var(--selected-accent);
}
li.svelte-1g7xwvl {
  display: block;
  width: var(--width);
  height: 100%;
}
li.svelte-1g7xwvl a:where(.svelte-1g7xwvl) {
  color: inherit;
  text-decoration: inherit;
  display: block;
}
li.svelte-1g7xwvl a:where(.svelte-1g7xwvl)::after {
  content: "";
  display: block;
  width: calc(var(--width) * 0.7);
  height: 0.3ch;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--deduced-accent);
  transition: background-color 0.2s ease-in;
}
li.svelte-1g7xwvl .label-text:where(.svelte-1g7xwvl) {
  display: block;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  line-height: 1.1;
  text-align: center;
}
li.svelte-1g7xwvl:not(:first-child) {
  margin-left: var(--gap);
}@font-face {
  font-family: "Fat Sans Round";
  src: local("Fat Sans Round"), url("./FatSansRound.iPLlmaiE.woff2") format("woff2"), url("./FatSansRound.Dgnnj5b9.ttf") format("ttf");
}
/* Themes (colors) */
/* Spacing */
.root.svelte-1rvklu9 {
  display: block;
  overflow: hidden;
  --header-height: 7em;
  padding-bottom: var(--spacing-fixed-xxl);
}

.root {
  /* defining light & dark mode */
  --background-color-light: white;
  --foreground-color-light: #0e0202;
  --faded-color-light: rgb(43, 43, 43);
  --darken-amount-light: -30%;
  --background-color-dark: #3c3c3c;
  --foreground-color-dark: white;
  --faded-color-dark: rgb(167, 167, 167);
  --darken-amount-dark: 50%;
  /* modes: Light & Dark */
}
.root [data-theme=light].svelte-1rvklu9 /* (unused) .root .light-mode*/ {
  --background-color: var(--background-color-light);
  --background-color-inverted: var(--background-color-dark);
  --foreground-color: var(--foreground-color-light);
  --foreground-color-inverted: var(--foreground-color-dark);
  --darken-amount: var(--darken-amount-light);
  --darken-amount-inverted: var(--darken-amount-dark);
  --faded-color: var(--faded-color-light);
  --faded-color-inverted: var(--faded-color-dark);
}
.root [data-theme=dark].svelte-1rvklu9 /* (unused) .root .dark-mode*/ {
  --background-color: var(--background-color-light);
  --background-color-inverted: var(--background-color-dark);
  --foreground-color: var(--foreground-color-light);
  --foreground-color-inverted: var(--foreground-color-dark);
  --darken-amount: var(--darken-amount-light);
  --darken-amount-inverted: var(--darken-amount-dark);
  --faded-color: var(--faded-color-light);
  --faded-color-inverted: var(--faded-color-dark);
}
.root:is(.svelte-1rvklu9:not([data-theme=dark]), .svelte-1rvklu9:not([data-theme=light]), .svelte-1rvklu9:not(.light-mode), .svelte-1rvklu9:not(.dark-mode)),
.root [data-theme=system].svelte-1rvklu9 /* (unused) .root .system-mode*/ {
  --background-color: var(--background-color-light);
  --background-color-inverted: var(--background-color-dark);
  --foreground-color: var(--foreground-color-light);
  --foreground-color-inverted: var(--foreground-color-dark);
  --darken-amount: var(--darken-amount-light);
  --darken-amount-inverted: var(--darken-amount-dark);
  --faded-color: var(--faded-color-light);
  --faded-color-inverted: var(--faded-color-dark);
}
@media (prefers-color-scheme: dark) {
  .root:is(.svelte-1rvklu9:not([data-theme=dark]), .svelte-1rvklu9:not([data-theme=light]), .svelte-1rvklu9:not(.light-mode), .svelte-1rvklu9:not(.dark-mode)),
  .root [data-theme=system].svelte-1rvklu9 /* (unused) .root .system-mode*/ {
    --background-color: var(--background-color-dark);
    --background-color-inverted: var(--background-color-light);
    --foreground-color: var(--foreground-color-dark);
    --foreground-color-inverted: var(--foreground-color-light);
    --darken-amount: var(--darken-amount-dark);
    --darken-amount-inverted: var(--darken-amount-light);
    --faded-color: var(--faded-color-dark);
    --faded-color-inverted: var(--faded-color-light);
  }
}
.root {
  /* accent colours are linked to them */
  --accent-color-main-l: 60.67%;
  --accent-color-main-c: 0.335;
  --accent-color-main-h: 327.18;
  --accent-color-main: oklch(var(--accent-color-main-l) var(--accent-color-main-c) var(--accent-color-main-h));
  --accent-color-main-darkened: oklch(calc(var(--accent-color-main-l) - var(--darken-amount)) var(--accent-color-main-c) var(--accent-color-main-h));
  --accent-color-secondary-l: 78.67%;
  --accent-color-secondary-c: 0.188;
  --accent-color-secondary-h: 76.24;
  --accent-color-secondary: oklch(var(--accent-color-secondary-l) var(--accent-color-secondary-c) var(--accent-color-secondary-h));
  --accent-color-secondary-darkened: oklch(calc(var(--accent-color-secondary-l) - var(--darken-amount)) var(--accent-color-secondary-c) var(--accent-color-secondary-h));
  /* fonts */
  --font-ui: "Source Sans 3",
  arial,
  sans-serif;
  --font-monospace: 'FantasqueSansMonoRegular',
  "Source Code",
  monospace;
  --font-text: "Source Serif 4",
  serif;
  --font-display: "Fat Sans Round",
  var(--font-ui);
  font-family: var(--font-ui);
  /* text size */
  --font-size-base: 1.2rem;
  --font-scale-ratio: 1.2;
  --font-size-xxs: calc(1 / var(--font-scale-ratio) / var(--font-scale-ratio) / var(--font-scale-ratio) * var(--font-size-base));
  --font-size-xs: calc(1 / var(--font-scale-ratio) / var(--font-scale-ratio) * var(--font-size-base));
  --font-size-sm: calc(1 / var(--font-scale-ratio) * var(--font-size-base));
  --font-size-md: calc(1 * var(--font-size-base));
  --font-size-lg: calc(1 * (var(--font-scale-ratio)) * var(--font-size-base));
  --font-size-xl: calc(1 * (var(--font-scale-ratio)) * (var(--font-scale-ratio)) * var(--font-size-base));
  --font-size-xxl: calc(1 * (var(--font-scale-ratio)) * (var(--font-scale-ratio)) * (var(--font-scale-ratio)) * var(--font-size-base));
  font-size: var(--font-size-md);
  /* spacing */
  --spacing-base: calc(1.25em / 4);
  --spacing-xxs: calc(1 * var(--spacing-base));
  --spacing-xs: calc(2 * var(--spacing-base));
  --spacing-sm: calc(3 * var(--spacing-base));
  --spacing-md: calc(5 * var(--spacing-base));
  --spacing-lg: calc(8 * var(--spacing-base));
  --spacing-xl: calc(13 * var(--spacing-base));
  --spacing-xxl: calc(21 * var(--spacing-base));
  --spacing-base-fixed: calc(1.25rem / 4);
  --spacing-fixed-xxs: calc(1 * var(--spacing-base-fixed));
  --spacing-fixed-xs: calc(2 * var(--spacing-base-fixed));
  --spacing-fixed-sm: calc(3 * var(--spacing-base-fixed));
  --spacing-fixed-md: calc(5 * var(--spacing-base-fixed));
  --spacing-fixed-lg: calc(8 * var(--spacing-base-fixed));
  --spacing-fixed-xl: calc(13 * var(--spacing-base-fixed));
  --spacing-fixed-xxl: calc(21 * var(--spacing-base-fixed));
  --padding: var(--spacing-sm);
  /* other stylistic things */
  --backdrop-filter-radius: 15px;
}

.pasterze {
  position: absolute;
  top: 0;
  z-index: -1000;
  width: 100vw;
  height: 100vh;
}

body {
  margin: 0;
}

header.svelte-1rvklu9 {
  --padding-vertical: var(--spacing-fixed-sm);
  --padding-horizontal: var(--spacing-fixed-sm);
  box-sizing: border-box;
  height: var(--header-height);
  overflow: hidden;
  padding: var(--padding-vertical) var(--padding-horizontal);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
@media (max-width: 200px) {
  header.svelte-1rvklu9 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
  header.svelte-1rvklu9 > :where(.svelte-1rvklu9) {
    justify-content: center;
  }
}
header.svelte-1rvklu9 > :where(.svelte-1rvklu9) {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
header.svelte-1rvklu9 > .left:where(.svelte-1rvklu9) {
  justify-content: start;
}
header.svelte-1rvklu9 > .center:where(.svelte-1rvklu9) {
  align-items: center;
  justify-content: center;
}
header.svelte-1rvklu9 > .right:where(.svelte-1rvklu9) {
  justify-content: end;
}
@media (max-width: 720px) {
  header.svelte-1rvklu9 {
    grid-template-columns: 1fr 1fr;
  }
  header.svelte-1rvklu9 > .left:where(.svelte-1rvklu9) {
    display: none;
  }
  header.svelte-1rvklu9 > .center:where(.svelte-1rvklu9) {
    justify-content: start;
  }
  header.svelte-1rvklu9 > :where(.svelte-1rvklu9) {
    height: 3em;
  }
}

.logo-host.svelte-1rvklu9 > * {
  max-width: min(30ch, 50vw);
  width: fit-content;
}