/* CSS Document */

header, footer {
     font-family: Calibri, Arial, sans-serif;
    color: white;
    background: black;text-align: center;
    color: red;}
    
h1, h2 {
    font-family: Calibri, Arial, sans-serif;
    text-align: center;
    color: white;
    background: black;
    }
    
p {
   font-family: "Times New Roman", Georgia, serif;
   font-size: smaller;
   text-align: justify;
   color: black 
  }
  
body { 
    display: grid;
    max-width: 1024px;
    grid-template-columns: auto 150px;
    grid-template-rows: 150px auto 15px;
    margin: 0 auto;
    border: 1px solid red;
  }

header, footer {
   font-family: calibri, arial, sans-serif;
   color: pink;
   background: black;
  }
  
  header {
  grid-column: 1 / 3; 
  grid-row: 1 / 2;
  border: 1px solid red;  
  }
  
  nav {
   grid-column: 2 / 3; 
   grid-row: 2 / span 2;
   border: 1px solid red;  


 }

section {
 grid-column: 1 / 2; 
  grid-row: 2 / 3;

}

footer {
 grid-column: 1 / 2; 
  grid-row: 3 / 4;
  font-size: x-small;
}

nav a {
    font-family: Calibri, Arial, sans-serif;
    font-size: large;
    font-weight: bold;
    color: white;
    background: black;
    display: block;


    padding: 5px 0px 5px 15px;
    border: 5px outset #EDF2E1; 
    
}

nav a:hover {
color: white;
background: red;

}

nav a:active {
color: white;
background: green;
border: 5px inset #EDF2E1

}

nav a#vybran {
color: white;
background: gray;

}