html {min-height: 100%;}
body {
    background-image: linear-gradient(#2e3e29d3, #15260fd3), url("../images/fort_in_woods.png");
    background-size: cover;
    background-color: #3a5932;
    color: #81bc58;
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 1em;
    margin: 20px;
}
header {background-color: #426442; border: 1px solid #a7dc8b;}
nav {
    background-color: #1e3d12;
    text-align: center;
    }
nav a{
    text-decoration: none;
    color: #a7dc8b;
    padding: 5px 5px 5px 5px;
    }
nav a:hover{color: #1e3d12;
    background-color: #a7dc8b;}
main {
    background-color: #426442;
    font-size: .7em;
    border: 1px solid #a7dc8b;
    margin-top: 10px;
    margin-bottom:10px;
    }
main a{
    text-decoration: none;
    color: #b5ff8d;
}
main a:hover{color:#efffe0;}
footer {
    color:#81bc58;
    font-size: .7em;
    background-color: #426442;
    border: 1px solid #a7dc8b;
    padding-top: 5px;
    padding-bottom:5px;
    line-height: 1;
    text-align: center;
    }
footer a{
    text-decoration: none;
    color: #b5ff8d;
}
footer a:hover{color:#efffe0;}

img {
    /* display: inline; */
    margin:10px;
    border: 1px solid #a7dc8b;
}
ul {margin:0px; padding: 5px 0px 5px 0px;}
li {
    display: inline;
    margin-left:10px;
    margin-right:10px;
}
h1 {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #b5ff8d;}
p {line-height: 1; margin: 10px; text-align: center;}
/*note*/

Validate your code using https://wave.webaim.org/ or the wave browser extension. */