html {
    height: 100%;
    box-sizing: border-box;
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

* {
    box-sizing: inherit;
    font-family: system-ui;
}

main {
    padding: 0 3.75rem;
}

@media screen and (max-width: 700px){
    main {
        padding: 0 1.875rem;
    }
}

@media screen and (max-width: 575px) {
    main {
        padding: 0 .625rem;
    }
}