/* UNSET ALL */
html,
body {
    padding: 0;
    margin: 0;
}

a,
h1,
h2,
h3,
button,
figure {
    all: unset;
}

/* BODY */
html {
  scroll-behavior: smooth;
}
body {
    max-width: 100vh;
    background-color: white;
    margin: auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: auto;

    &>main {
        max-width: 100%;
    }
}

/* HR */
hr {
    width: 50%;
    margin: 3em auto;
}

@media only screen and (min-width: 600px) {
    hr {
        margin: 2em auto;
    }
}


/* FOOTER */
footer {
    text-align: center;
    margin: 4em 1em 1em;
    line-height: 1.6em;
}