:root {
    --bg-secondary: #F4F3EE;
    --bg: #DAD2BC;
    --text: #463F3A;
    --link-visited: #0073e6;
    --link: #00bfe6;
    --header-height: 75px;
}

header, footer {
    display: flex;
    justify-content: center;
    align-items: center;
        
    color: white;
    background-color: var(--text);
    margin: 0;
    width: 100%;
    height: 75px;

    font-size: 1.5rem;
}
a {
    color: var(--link);
}
a:visited {
    color: var(--link-visited);
}

body {
    margin: 0;
    padding: 0;
}

main {
    min-height: calc(100vh - (var(--header-height) * 2));
}