body {
    background-color: #ffffff;
    color: #000000;
    font-family: sans-serif;
}
button {
    border: 1px solid #000000;
    border-radius: 3px;
    background-color: #ffffff;
    color: #000000;
    font-family: inherit;
    min-width: 5em;
    outline: none;
    padding: 4px;
}
button:hover {
    background-color: #c8c8c8;
}
button:active {
    background-color: #aaaaaa;
}
.input {
    border: 1.5px #888888 solid;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: inherit;
    outline: none;
    padding: 4px;
    width: 100%;
}
.input:focus {
    border-color: #000000;
}
.photo {
    box-sizing: border-box;
    max-width: 100%;
    max-height: 536px;
}
textarea.input {
    font-family: monospace;
    resize: none;
}
@media (prefers-color-scheme: dark) {
    body {
        background-color: #222222;
        color: #dddddd;
    }
    button {
        border-color: #dddddd;
        background-color: #222222;
        color: #dddddd;
    }
    button:hover {
        background-color: #595959;
    }
    button:active {
        background-color: #777777;
    }
    .input {
        background-color: #222222;
        color: #dddddd;
    }
    .input:focus {
        border-color: #dddddd;
    }
}
