.container{
        display:grid;
        grid-template-columns: auto auto auto auto;
        grid-template-areas: 
                "header header header header"
                "main main main main"
                "article article article article"
                "footer footer footer footer";
        height:100%;
        margin: 0 auto;
        }

body{
background:url("/images/graphics/bg_tile_bluewhite2.png");
background-attachment: fixed;
}


header{
background: none;
box-shadow: none;
border:none;
}

h1{
background: url("/images/graphics/header_wood.png");
background-size:contain;
background-repeat:no-repeat;
background-position: 50%;
padding:16px;
image-rendering: pixelated;
text-align: center;
color:rgb(133, 103, 78);
font-family: 'Courier New', Courier, monospace;
}

main{
filter: drop-shadow(2px 3px 0px #00000036);
border:2px solid black;
background-color:white;
padding:8px;
}


article{
grid-area: article;
filter: drop-shadow(2px 3px 0px #00000036);
border:2px solid black;
background-color:white;
padding:8px;
margin:10px;
}