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: purple;
}
nav {
    grid-column: 2/2 ;
    grid-row: 2/4;
    background-color: pink;
    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: white;
    background: black;
    margin: 10px 1px;
    padding: 15px 1px;
    border: 5px outset purple;
}
nav a:hover {
    color: purple;
    background: gray;
}
nav a:active {
    color: pink;
    background: pink;
    border: 5px inset #EDF2E1; 
}
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: purple;
    border: 5px black;
    /* CSS Document */
    /* CSS Document */
}