/* styl pro praci 

nadpisi

barvy

*/
h1 {
        color: #004d98; 
        font-family: Arial, sans-serif;
        text-align: center;
        border-bottom: 2px solid #a50044; 
        padding-bottom: 10px;
    }

    
    p {
        font-family: Helvetica, sans-serif;
        line-height: 1.6; 
        color: #333;
    }

    
    body {
        margin: 40px;
        background-color: #f4f4f4; 
        header, nav , section {  border:2px solid black ;

 }
body    { 
display: grid;
grid-template-columns: auto 100px;
  }
    h1 {color: #004d98; 
        font-family: Arial, sans-serif;
        text-align: center;
      
        }

header   {
grid-column-start: 1;
grid-column-end: 3 ;
grid-row-start: 1;
grid-row-end: 2  ; 
border:2px solid black;
background-color : #CECECE ; }

 
 nav {
grid-column: 2 / 3;
grid-row-start: 2 /  3;
border:2px solid black;
background-color:    #CECECE;  }



nav a:hover {
color:green;
background-color : greem;
 }


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

border:2px solid black
 }
 

section  {
padding: 10px;
 }
 
 footer {
grid-column: 1 / 2;
grid-row: 3 /  span 1;

border:2px solid black

 }
 footer {
font-size: x-small;
padding: 2px auto;
 }


  body      {
grid-tepmlate-colums: auto 120px }