:root {
    color-scheme: light dark;
}

body {
    margin: 1em 10em;
}

button {
    margin: 5px;
}

dl > dt {
    margin-top: 1em;
}

#events code {
    display: block;
}

main {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

main > section {
    min-width: 20em;
    max-width: 40em;
}

#events {
    max-height: 40em;
    overflow: scroll;
}

#settings input[type="text"] {
    min-width: 25em;
}