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

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



/* Nastavení barev a fontů */

body {

    font-family: Georgia, serif;

    color: #FFD59A;

    background-color: #004443;

    margin: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    min-height: 100vh;

}



/* Navigace nahoře stránky */

nav {

    background-color: #00625f;

    width: 100%;

    padding: 15px;

    text-align: center;

}



nav ul {

    list-style: none;

    display: flex;

    justify-content: center;

    gap: 15px;

}



nav a {

    text-decoration: none;

    color: #FFD59A;

    font-size: 1.2em;

    padding: 5px 15px;

    transition: color 0.3s ease;

}



nav a:hover {

    color: #dcbf57;

}



/* Styl pro hlavní obsahový kontejner */

.container {

    background-color: #00625f;

    color: #FFD59A;

    max-width: 800px;

    padding: 30px;

    border-radius: 15px;

    border: 2px solid #dcbf57;

    text-align: center;

    margin-top: 30px; /* Mezera pod navigací */

}



/* Styl pro text a logo v kontejneru */

.container p {

    font-size: 1.2em;

    line-height: 1.6;

    margin-bottom: 15px;

}



.logo {

    width: 200px;

    height: auto;

    margin-top: 20px;

}



/* Responsivita pro menší obrazovky */

@media (max-width: 768px) {

    .container {

        padding: 20px;

        font-size: 1em;

    }



    .logo {

        width: 150px;

    }

}