:root {
    /* Kanagawa Lotus Theme */
    --content-bg: #F2ECBC;
    --content-fg: #545464;
    --content-border: #1F1F28;
    --fg-dark0: #16161D;
    --fg-dark1: #1F1F28;
    --fg-dark2: #2A2A37;
    --fg-dark3: #363646;
    --fg-dark4: #54546D;
    --fg-dark5: #43436C;
    --color-red: #C84053;
    --color-darkred: #D7474B;
    --color-green: #6F894E;
    --color-darkgreen: #6E915F;
    --color-yellow: #77713F;
    --color-darkyellow: #836F4A;
    --color-cyan: #4D699B;
    --color-darkcyan: #6693BF;
    --color-purple: #B35B79;
    --color-darkpurple: #624C83;
    --color-blue: #597B75;
    --color-darkblue: #5E857A;
}

body {
    background-image: url("images/bg.jpg");
}

div.content {
    background-color: var(--content-bg);
    color: var(--content-fg);
    padding: 0.1cm 0.4cm 0.1cm 0.4cm;
    border: 1px solid var(--content-border);
}

div.center-container {
    display: flex;
    justify-content: center;
    text-align: center;
}

h1 {
    font-size: 32pt;
    position: static;
    width: 100%;
    text-align: center;
    color: var(--fg-dark1);
    text-shadow: 0 0 12px var(--content-bg);
}

h2 {
    color: var(--color-cyan);
    text-shadow: 1px 1px var(--color-darkblue);
}

a:link {
    color: var(--color-darkred);
}

a:visited {
    color: var(--color-red);
}

a:hover {
    color: var(--color-darkpurple);
}

a:active {
    color: var(--color-purple);
}