/* CSS Dokument */
body {  
        backgroun-color: #84FAB0;
        display: grid ;
        grid-template-columns: auto 120px
        max-width: 1024px;
        margin: 0px auto;
        }

header {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        }

nav     {
        background-color: #333;
        padding: 10px 20px;
        grid-column: 2 / 3;
        grid-row: 2/4;    
        display: flex;
        flex-direction: column;
        }
nav a:hover{
        background-color: green;
        color: white; 
        }   
        
nav a:active{
            background-colord: red;
            color: white;
            border: 5px inset gray;

            }    

    
//span = rozpětí        
section {
        grid-column: 1 / span 1;    // 1 / 2
        grid-row: 2 / span 1;       // 2 / 3
        }
        
footer  {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        }