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

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



/* Barvy a pozadí */

html, body {

    height: 100%; /* Zajištění, že celé pozadí pokrývá stránku */

}



/* 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;

}