:root {
    font-family: Helvetica, Arial, sans-serif;
    color-scheme: light dark;
    --background: #ffffff;
    --border: #A000A0;
}

@media (prefers-color-scheme: dark) {
    :root {
        --site-background: #181818;
        --content-background: #45116b;
        --color:      #CCCCCC;
        --accent:     #393939;
        /* --foreground: ; */
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --site-background: #EEEEEE;
        --content-background: #a528ff;
        --color: #111111;
        --accent:     #F9F9F9;
        /* --foreground: ; */
    }
}

body{
    display: flex;
    justify-content: center;
    /* align-items: stretch; */
    background-color: var(--site-background);
}
.content{
    outline: 5px solid var(--border);
    background-color: var(--content-background);
    color: var(--color);
    padding: 5px;
    margin: 5px;
}
.message{
    width:330px;
    padding:20px 40px;
    margin:0 auto;
    margin-top: 100px;
    /* background-color:#f9f9f9; */
    background-color: var(--site-background);
    border: 3px solid var(--accent);
}
.info {
    padding: 10px;
    border: 8px ridge var(--accent);
    background-color: var(--site-background);
    margin: 5px;
    /* background-color: var(--content-background); */
}
center{
    margin:40px 0;
}
h1{
    font-size: 18px;
    line-height: 26px;
}
p{
    font-size: 12px;
}