/* Takhle se dělá více řádkový 

komentář
menu pro nápovědu Ctrl + Space
komentář
*/
 
h1, h2 {
font-family:  Arial, sans-serif;
color: white;
background-color: black;
}
table {
border: 1px solid black;
border-collapse: collapse;
}
td {
text-align: center;
width: 8%;
}
th, tr:nth-child(odd)  {
background-color: #DDD0DD;
}
th {
background-color: #DDDDDD;
}
@font-face {
  font-family: "ancient";
  src: url("../font/ancient.ttf") format("truetype");
}
header, footer {
background-color: #FF0000;
color: #00FFFF;
font-family: "ancient";
}

body {
display: grid;
grid-temlate-columns: auto 100px;
}

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

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

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

footer {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start:3;
grid-row-end:span 1;
}

header, section, nav, footer {
border: 2px solid blue;
}