:root {
    --color-fg: #ffffff;
    --color-bg: #0d1421;
    --bg: linear-gradient(135deg, var(--color-bg), color-mix(in srgb, var(--color-bg) 80%, #000000));
    --color-accent: #ffcc00;
    --color-accent2: #93a689;
    --color-error: #ff0000;

    background: var(--bg);
    color: var(--color-fg);
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.416;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100vh;
}

.logo {
    color: var(--color-accent);
    b {
        font-weight: bold;
        color: var(--color-fg)
    } 

    header & {
        font-size: 1.5em;
    }
}

body {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

cms-content {
    display: contents;
}

header {
    flex: 0 0 auto;
    padding: 1em 2em;
    display: flex;
    align-items: stretch;
    gap: 1em;

    & * {
        display: flex;
        align-items: center;
    }

    & small {
        border-left: 1px solid color-mix(in srgb, var(--color-fg) 50%, var(--color-bg));
        padding: 0 1em;
        font-size: 1em;
        text-transform: uppercase;
        color: var(--color-accent2);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: 0em 0.5em;
        transform: scaleX(0.8);
        transform-origin: left center;
        cursor: default;
    }
}

main {
    flex: 1 0 auto;
    padding: 3em 2em;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}
footer {
    opacity: 0.3;
    flex: 0 0 auto;
    padding: 1em 2em;
    text-align: center;
    font-size: 0.9em;
    color: color-mix(in srgb, var(--color-fg) 50%, var(--color-bg));
}

a {
    color: var(--color-accent);
    text-decoration: none;
}

.disclaimer {
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(580px, 90vw);
    max-height: 90vh;
    overflow-y: auto;
    text-align: center;
    border: 1px solid var(--color-accent2);
    background: color-mix(in srgb, var(--color-bg) 90%, transparent);
    padding: min(5vw, 3em);
    border-radius: 1em;
    box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.3);
}