body {
    padding: 0;
    margin: 0;
    background-color: #ffd4a7ff;
    color: #151b33ff;
    font-size: 14px;
}

#palette {
    font-size: 10pt;
}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #303866ff;
}

.xenia {
    position: absolute;
    left: 0px;
    bottom: 0px;
    max-height: 80%;
    max-width: 80%;
}

#xenia-light {
    display: inherit;
}

#xenia-dark {
    display: none;
}

#credits {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #ffad5b66;
    text-align: right;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #3c2339ff;
        color: #ff725eff;
    }

    a {
        color: #ffad5bff;
    }

    #xenia-light {
        display: none;
    }

    #xenia-dark {
        display: inherit;
    }

    #credits {
        background-color: #58335e66;
    }
}