* {box-sizing: border-box;}


header{ grid-area: header;}


nav ul{ display: flex;
        flex-flow: column;
        justify-content: space-around;
        padding-top: 5em;
        width: 150px;
        text-align: center;
        margin-left: 70px;}


nav li{ display:list-item;
        flex-flow: column;
        justify-content: space-around ;
        list-style: none;
        border-bottom: 1px solid #000000; }

nav { grid-area: nav; }

main { grid-area: main; }

.grid-container { display: grid;
        grid-template-columns: auto auto;
        padding-left: .5em; 
        margin: 0;}



footer { grid-area: footer;}
    
#wrapper { display: block;
            
            grid-template: 
            "header header" 150px
            "nav nav" 150px
            "main main" auto
            "footer footer" 50px;
            }