html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
}
#container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
main {
    max-height: 100%;
    height: 400px;
    width: 400px;
}
#logo {
    height: 100%;
    width: 100%;
}
@media only screen and (prefers-color-scheme: dark) {
    body {
        background-color: black;
    }
}