/* Nastavení tmavého pozadí pre celú stránku */
body {
background-image: url('img/6.jpg');
  background-size: cover; /* Obrázok sa prispôsobí tak, aby pokryl celú plochu */
  background-repeat: no-repeat; /* Zabraňte opakovaniu obrázka */
  background-attachment: fixed;
  color: #fff; /* Bílý text pre kontrast */
  font-family: Arial, sans-serif; /* Vyberte vhodný font */
  padding: 20px; /* Odsazení obsahu */
}

/* Nastavení štýlu pre záhlaví stránky */
header {
  background-color: #222; /* Tmavší pozadí pre záhlaví */
  padding: 20px; /* Odsazení pre lepší vizuální vzhled */
}

/* Nastavení štýlu pre nadpisy */
h1, h2, h3 {
  color: #ff6600; /* Oranžový text pre nadpisy */
}

/* Nastavení štýlu pre odkazy */
a {
  color: #00ccff; /* Modrý text pre odkazy */
  text-decoration: none; /* Odstranění podtržení odkazů */
}

a:hover {
  text-decoration: underline; /* Podtržení odkazu při najetí myší */
}

/* Nastavení štýlu pro tlačítka */
.button {
  background-color: #ff6600; /* Oranžové pozadí pro tlačítka */
  color: #fff; /* Bílý text pro tlačítka */
  padding: 10px 20px; /* Odsazení pre lepší vizuální vzhled */
  border: none; /* Bez okraje */
  border-radius: 5px; /* Zakulacené rohy */
  cursor: pointer; /* Změna kurzoru na ruku při najetí myší */
}

.button:hover {
  background-color: #ff9900; /* Oranžové pozadí pro tlačítka při najetí myší */
}

/* Styl pro tabulku */
table {
  width: 100%; /* Tabulka zabírá celou šířku obsahu */
  border-collapse: collapse; /* Sloučení okrajů buněk */
  margin-bottom: 20px; /* Odsazení tabulky od následujícího obsahu */
}

/* Styl pro hlavičku tabulky */
th {
  background-color: #FF8E0A; /* Oranžová barva pro hlavičku tabulky */
  color: #fff; /* Bílý text pro kontrast */
  padding: 10px; /* Odsazení pre lepší vizuální vzhled */
}

/* Styl pro řádky tabulky */
tr:nth-child(even) {
  background-color: #444; /* Tmavší barva pozadí pro sudé řádky */
}

tr:nth-child(odd) {
  background-color: #333; /* Tmavá barva pozadí pro liché řádky */
}

/* Styl pre buňky tabulky */
td, th {
  padding: 10px; /* Odsazení buněk pro lepší vizuální vzhled */
  border: 1px solid #fff; /* Bílý ohraničení buněk */
}

/* Responzivita pre menšie obrazovky */
@media screen and (max-width: 768px) {
  /* Upravenie štýlov pre menšie obrazovky tu */
  body {
    font-size: 16px; /* Príklad zmeny veľkosti písma pre menšie zariadenia */
  }
.tableName {
    margin-left: 400px;

}
}