html, body {
    margin:0;
    padding:0;
    height:100%;
    width: 100%;
    box-sizing: border-box;
}

html {
    overflow: hidden;
}

*, *::after, *::before {
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
    font-size:1.75em;
    font-weight: 900;
    color:black;
    background-image: url('../images/background1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: auto !important;
}

article {
    width:88%;
    margin:.25em auto;
}

section {
    width:88%;
    margin:2em auto;
}

nav {
    margin:1em;
    font-size: 1em;
}

nav a, nav a:visited, main a, main a:visited {
    color:black;
    transition: color .2s linear;
    font-weight: bold;
}

nav a:hover, nav a:focus, main a:hover, main a:focus {
    color: maroon;
}

h1, h2, h3 {
    color:darkred;
}

h1 {
    text-align: center;
}

li {
    margin-top:.75em;
    margin-bottom:.75em;
}

#nutrition {
    border:1px solid black;
    border-radius: .25em;
    border-collapse: collapse;
    box-shadow: 3px 3px 10px silver;
    margin-left:auto;
    margin-right:auto;
}

#nutrition tr {
    height:2em;
    border-bottom:1px solid black;
}

#nutrition th, #nutrition td {
    vertical-align: middle;
    padding:.5em;
}

#nutrition th {
    text-align: right;
}

footer {
    margin-top:1em;
    margin-bottom:1em;
    text-align: center;
    font-size: smaller;
}