header { background-color: #F5F5DC;
         background-image: linear-gradient(to right, #FFFFFF, #F5F5DC);
         text-align: center;
         text-weight: bold;
         font-family: Arial, sans-serif;
         font-size: 400%; 
         padding-top: 0.6em;
         font-style: italic;
         letter-spaceing: 1em;}

body { background-color: #006699; }

main { background-color: #FFFFFF;
       padding: .5em; }

footer { background-color: #F5F5DC;
         text-align: center; }

nav { background-color: #99CCFF; }

figure { background-color: #99CCFF;
         margin: 0;
         padding: 0;
         padding-left: 1.5em;
         padding-top: .4em; }

figcaption { font-weight: bold;
             font-style: italic;
             font-size: 1.7em;
             font-family: Garamond;
             background-color: #99CCFF; } 

#wrap { width: 90%;
        margin: auto; max-width: 1200px;
        display: grid; 
        grid-template-columns: 150px auto 200px;
        grid-template-rows: 130px auto auto; 
        border: 2px solid black; }

header { grid-row: 1/2; grid-column: 1/4; }
nav {grid-row: 2/3; grid-column: 1/2; }
main { grid-row: 2/3; grid-column: 2/3; }
figure { grid-row: 2/3; grid-column: 3/4; }
footer { grid-row: 3/4; grid-column: 1/4; }