/* Reset základných nastavení */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff; /* Pozadie stránky, môžeš zmeniť na akékoľvek iné */
    height: 100vh;
    display: table;
    width: 100%;
}

/* Dokonalé vycentrovanie obsahu na stred obrazovky */
.container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

/* Štýl pre responzívne logo */
.logo {
    max-width: 100%;
    height: auto;
    width: 300px; /* Maximálna šírka loga na desktopoch - uprav podľa potreby */
    display: block;
    margin: 0 auto 24px auto; /* Vycentrovanie loga a medzera pod ním */
}

/* Štýl pre emailový odkaz */
.email {
    font-size: 18px;
    color: #333333; /* Farba textu */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

/* Efekt pri prejdení myšou nad emailom */
.email:hover {
    color: #0066cc; /* Farba po prejdení myšou */
}

/* Responzivita pre menšie obrazovky (mobily) */
@media (max-width: 480px) {
    .logo {
        width: 80%; /* Na mobiloch sa logo zmenší, ak by bolo príliš veľké */
    }
    .email {
        font-size: 16px; /* Mierne menšie písmo na mobiloch */
    }
}