:root {
    --default-spacer: 2px;
}  

h1, h2, h3, h4, h5, h6, p { margin: 0; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.0rem; }
h5 { font-size: 0.9rem; }
h6 { font-size: 0.8rem; }
p { font-size: 1rem; }
body {
    margin: 0px;
    padding: 0px;
    width: 100vw;
    height: 100vh;
}
button, input, select, textarea {
    background-color: rgb(205, 205, 205);
    border: none;
    margin: var(--default-spacer) 0px 0px var(--default-spacer);
    padding: 0px;
    font-size: 1rem;
}
button:focus, input:focus, select:focus, textarea:focus { outline: var(--default-spacer) solid rgb(0, 0, 0); }


@media (prefers-color-scheme: dark) {
    * { color: rgb(255, 255, 255); }
    body { background-color: rgb(0, 0, 0); }
    button, input, select, textarea { background-color: rgb(50, 50, 50); }
    button:focus, input:focus, select:focus, textarea:focus { outline: var(--default-spacer) solid rgb(255, 255, 255); }
}