/* Reset základních stylů pro konzistenci napříč prohlížeči */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* Globální styl pro tělo stránky */

  /* Styl pro nadpis h1 */
  h1 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
  }
  
  /* Styl pro odstavec */
  p {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 20px;
  }
  
  /* Styl pro navigační menu */
  #menu {
    background-color: #333;
    text-align: center;
    padding: 10px 0;
  }
  
  #menu ul {
    list-style-type: none;
  }
  
  #menu ul li {
    display: inline;
    margin-right: 20px;
  }
  
  #menu ul li a {
    text-decoration: none;
    color: white;
    font-size: 1.1em;
    padding: 8px 16px;
    transition: background-color 0.3s;
  }
  
  #menu ul li a:hover {
    background-color: #575757;
    border-radius: 5px;
  }
  
  /* Styl pro obrázek v levém horním rohu */
  img {
    position: absolute;
    top: 20px; /* Vzdálenost od horního okraje */
    left: 20px; /* Vzdálenost od levého okraje */
    width: auto;
    height: 80px; /* Nastavte velikost podle potřeby */
  }
  /* Styl pro seznam referencí */
#seznam{
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 sloupce */
  gap: 20px; /* Mezera mezi položkami */
}
#seznam li {list-style: circle;}
.seznam{
  padding: 20px;
}