body {
    background-attachment: scroll;
    background-image: url("lookout.jpg");
    background-size: cover;
    background-repeat:no-repeat;
    background-color: #336B22
 
}

.box{

    max-width: 900px;
    margin: 40px auto;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 200px minmax(0,1fr);
    
}

header, nav, main, footer {
    border: #7D3837 3px solid;
    background-color: #FFEDE3;
    color:#336B22;
}
header {
    font-family: Brush Script MT;
    grid-column: 1 / 3;
    grid-row: 1 / 2 ;
    text-align: center
    
}
nav {
    grid-column: 1 / 2;
    Grid-row: 2 / 3;
    height: max-content;
}
main {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    height: max-content;
}
footer {
    grid-column: 1 / 3;
    grid-row: 3 / 4 ;
    text-align: center
}