:root,html,
body {
    --primary:#ffb4a8;
--on-primary:#690000;
--primary-container:#930100;
--on-primary-container:#ffdad4;
--secondary:#e7bdb6;
--on-secondary:#442925;
--secondary-container:#5d3f3b;
--on-secondary-container:#ffdad4;
--tertiary:#dec48c;
--on-tertiary:#3e2e04;
--tertiary-container:#564419;
--on-tertiary-container:#fbdfa6;
--error:#ffb4ab;
--on-error:#690005;
--error-container:#93000a;
--on-error-container:#ffb4ab;
--background:#201a19;
--on-background:#ede0dd;
--surface:#181211;
--on-surface:#ede0dd;
--surface-variant:#534341;
--on-surface-variant:#d8c2be;
--outline:#a08c89;
--outline-variant:#534341;
--shadow:#000000;
--scrim:#000000;
--inverse-surface:#ede0dd;
--inverse-on-surface:#362f2e;
--inverse-primary:#c00100;
--surface-dim:#181211;
--surface-bright:#3f3736;
--surface-container-lowest:#120d0c;
--surface-container-low:#201a19;
--surface-container:#251e1d;
--surface-container-high:#2f2827;
--surface-container-highest:#3b3332;
}

@media (prefers-color-scheme: light) {
    :root,html,
    body {
        --primary:#c00100;
--on-primary:#ffffff;
--primary-container:#ffdad4;
--on-primary-container:#410000;
--secondary:#775651;
--on-secondary:#ffffff;
--secondary-container:#ffdad4;
--on-secondary-container:#2c1512;
--tertiary:#705c2e;
--on-tertiary:#ffffff;
--tertiary-container:#fbdfa6;
--on-tertiary-container:#251a00;
--error:#ba1a1a;
--on-error:#ffffff;
--error-container:#ffdad6;
--on-error-container:#410002;
--background:#fffbff;
--on-background:#201a19;
--surface:#fff8f6;
--on-surface:#201a19;
--surface-variant:#f5ddda;
--on-surface-variant:#534341;
--outline:#857370;
--outline-variant:#d8c2be;
--shadow:#000000;
--scrim:#000000;
--inverse-surface:#362f2e;
--inverse-on-surface:#fbeeec;
--inverse-primary:#ffb4a8;
--surface-dim:#e4d7d5;
--surface-bright:#fff8f6;
--surface-container-lowest:#ffffff;
--surface-container-low:#fef1ee;
--surface-container:#f8ebe9;
--surface-container-high:#f3e5e3;
--surface-container-highest:#ede0dd;
    }
}

.horizonal
{
    display: flex;
    flex-direction: column;
}
.vertical
{
    display: flex;
    flex-direction: row;
}
.filler
{
    flex-grow: 1;
}