/* Reset základních stylů */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



/* Barvy a pozadí */

body {

  font-family: Georgia, serif;

  color: #FFD59A; /* Textová barva */

  background-color: #004443; /* Barva pozadí */

  font-size: 28px;

  display: flex;

  flex-direction: column;

  align-items: center;

}



/* Scrollbar styl */

::-webkit-scrollbar {

  width: 10px;

}



::-webkit-scrollbar-track {

  background: #188f8b; 

}



::-webkit-scrollbar-thumb {

  background: #00625f; 

}



/* Navigace */

#navigace {

  width: 100%;

  background-color: #00625f;

  padding: 15px 0;

  text-align: center;

}



#navigace ul {

  list-style: none;

  display: flex;

  justify-content: center;

  gap: 15px;

  flex-wrap: wrap;

}



#navigace a {

  color: #FFD59A;

  font-size: 23px;

  text-decoration: none;

  padding: 8px 15px;

  transition: color 0.3s ease;

}



#navigace a:hover {

  color: #dcbf57;

}



/* Styl pro seznam odkazů */

#links {

  max-width: 600px;

  margin: 40px auto;

  padding: 20px;

  display: flex;

  flex-direction: column;

  gap: 15px;

  align-items: center;

}



#links a {

  color: #FFD59A;

  text-decoration: none;

  background-color: #00625f;

  padding: 10px 20px;

  font-size: 1.5rem;

  border-radius: 8px;

  text-align: center;

  transition: background-color 0.3s, color 0.3s;

  width: 100%;

  max-width: 300px;

}



#links a:hover {

  background-color: #188f8b;

  color: #004443;

}



/* Detaily a shrnutí */

summary {

  font-size: 1.8rem;

  font-weight: 600;

  color: #FFD59A;

  padding: 1rem;

  margin-bottom: 1rem;

  outline: none;

  border-radius: 0.25rem;

  cursor: pointer;

  position: relative;

}



details[open] summary ~ * {

  animation: sweep .5s ease-in-out;

}



@keyframes sweep {

  0%    {opacity: 0; margin-top: -10px}

  100%  {opacity: 1; margin-top: 0px}

}



details > summary::after {

  position: absolute;

  content: "+";

  right: 20px;

  color: #dcbf57;

}



details[open] > summary::after {

  position: absolute;

  content: "-";

  right: 20px;

}



details > summary::-webkit-details-marker {

  display: none;

}



/* Styl odstavců */

main p {

  font-size: 1.2rem;

  line-height: 1.5;

  color: #FFD59A;

  margin-bottom: 1rem;

}