/**
 * Reset minimal + page (body, wrapper, main).
 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background-color: var(--body-background-color);
    color: var(--primary-text-color);
    font-family: 'Verdana', Courier, monospace;
    font-size: 13px;
    line-height: 1.7;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: var(--content-max-width);
    margin: 0 auto;
    overflow: hidden;
    background-color: var(--primary-background-color);
}

main {
    flex: 1;
    padding: var(--main-padding-y) var(--main-padding-x);
}