@media (prefers-color-scheme: dark) {
  body {
    background: hsla(0,0%,10%,1) url("img/cachticky_hrad_vyhlad_na_kopec.webp") no-repeat fixed center top;
    color: hsla(120,80%,75%,1);
  }
  a:link, a:visited {
    color: hsla(120,90%,50%,1);
    text-decoration: none;
    border: 1px solid;
    padding: 0em 1em;
    background: hsla(0,0%,0%,1);
  }
  table td, header h1 { 
    text-shadow: green 0.5em 0.5em 0.5em;
  }
  nav li, article, footer table {
    background: hsla(0,0%,10%,0.9);
  }
  header h1 {
    color: hsla(120,30%,30%,1);
  }
}

@media (prefers-color-scheme: light) {
  body {
    background: hsla(0,0%,90%,1) url("img/cachticky_hrad_vyhlad_na_kopec.webp") no-repeat fixed center top;
    color: hsla(0,0%,10%,1);
  }
  a:link, a:visited {
    color: hsla(0,0%,30%,1);
  }
  table td, header h1 { 
    text-shadow: orange 0.5em 0.5em 0.5em;
  }
  nav li, article, footer table {
    background: hsla(0,0%,90%,0.9);
  }
}

nav, footer, header, article { 
  clear: both;
  max-width: 80em;
  min-height: 4em;
  margin-left: auto;
  margin-right: auto;
}

nav, footer, article { 
  border-top: 1px dashed;
}

nav li, footer table {
  border-radius: 10%;
}

header h1 {
  font-size: 4em;
}

header img {
  float: right;
  border-radius: 25%;
  max-height: 9em;
}

nav ul li {
  float: left;
  list-style: none;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border: 1px dashed;
}

header h1, article h1 {
  text-align: center;
  text-decoration: underline;
}

article p {
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

article p:nth-child(2n) {
  margin-left: 0em;
}

table {
  margin-left: auto;
  margin-right: auto;
}

table td { 
  text-align: center;
  padding: 1em;
}

table th { 
  vertical-align: top;
}