body {
    display: grid;
    grid-template-columns: auto 150px;
    grid-template-rows: 75px auto 25px ;
}
h1 {
    text-align: center;
    color: black;
    background-color: white;
    font-family: 'Calibri', sans-serif;
    font-style: italic;
    font-size: xx-large;
}
h2 {
    text-align: center;
    color: white;
    font-family: 'Calibri', sans-serif;
    font-size: x-large;}
h3 {
    text-align: center;
    color: Black;
    font-family: 'Calibri', sans-serif;
    font-size: large;
}
p {
    text-align: justify;
    font-size: normal;
    font-style: oblique;
    font-family: 'Calibri', Times, serif;

}
header {
    grid-column: 1/3 ;
    grid-row: 1/3;
    border: 5px  black;
    background-color: #B22222;
}

nav {
    grid-column: 2/2 ;
    grid-row: 2/4;
    background-color: #FF4500;
    border: 5px black;
    margin : 10px;
}
nav a{ font-family: Calibri, Arial, sans-serif;
         font-size: large;
         font-weight:bold;
         text-decoration: none;
         display: block;
          color: Black;
          background black;
          margin: 10px 1px;
          padding: 15px 1px;
          border : 5px outset #F0FFFF;
}
nav a:hover{ color: red
                background: red;
            }
nav a:active {color: green;
                background: green;
                border: 5px inset #B22222; 
            } 
nav a #vybran{color:white;
            background:gray;
            }
section {
    grid-column: 1/2 ;
    grid-row: 2/3;
    border: 5px #8A2BE2;
    background-color: white;
    
}
footer {
    grid-column: 1/2 ;
    grid-row: 3/4;
    background-color: #B22222;
    border: 5px black;
    /* CSS Document *//* CSS Document */