body {
  font-family: Arial, sans-serif;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  width: auto;
}

/* Styly pro jednotlivé stránky */
.kamaradi {
  background-color: #FFC0CB;
}

.ja, .rodina {
  background-color: #FFB6C1;
}

.prace, .index-table {
  background-color: #FF69B4;
}

.index {
  background-color: pink;
}

/* Texty */
h1 {
  font-size: 40px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
}

h2 {
  font-size: 25px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

.ja-nadpis {
  font-size: 40px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

.ja-text {
  font-size: 18px;
  color: white;
}

.index-nadpis {
  font-size: 50px;
  color: white;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}

.zpet {
  font-size: 18px;
  color: white;
  font-weight: bold;
}

.zpet-ja, .zpet-rodina {
  font-size: 18px;
  color: white;
  font-weight: bold;
}

.text {
  font-size: 18px;
  color: white;
}

/* Tabulky */
.ja-tabulka {
  width: 50%;
  border: 3px solid white;
  background-color: #FFB6C1;
  border-spacing: 5px;
  margin: 15px auto;
}

.index-tabulka {
  width: 70%;
  border: 5px solid pink;
  background-color: #FF69B4;
  border-spacing: 5px;
  padding: 10px;
  margin: 0 auto;
}

.index-odkaz {
  color: white;
}

.bunka {
  text-align: center;
  width: 150px;
  padding: 10px;
}

/* Obrázky */
img {
  border: 2px solid white;
  border-radius: 5px;
  margin: 5px;
}

/* Odkazy */
a {
  text-decoration: none;
  transition: color 0.3s;
}

a:hover {
  color: #ffccff;
}

/* Vodorovná čára */
hr {
  height: 3px;
  background-color: white;
  border: none;
  width: 80%;
  margin: 10px auto 20px auto;
}

/* Seznam */
li {
  margin-bottom: 10px;
  list-style-position: inside;
}