/* Základní reset pro odstranění výchozích okrajů prohlížeče */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Zabrání posuvníkům, pokud je logo velké */
}

/* Nastavení pozadí - jemná krémová barva inspirovaná pozadím z obrázku */
body {
    background-color: #f8f8f8; /* Velmi světlý krémový odstín */
    display: flex;
    justify-content: center; /* Horizontální vycentrování */
    align-items: center;    /* Vertikální vycentrování */
    font-family: sans-serif; /* Záložní písmo (na stránce není text) */
}

/* Kontejner pro logo pro zajištění správného škálování */
.logo-container {
    max-width: 80%; /* Logo nezabere více než 80% šířky obrazovky */
    max-height: 80%; /* Logo nezabere více než 80% výšky obrazovky */
    text-align: center; /* Pro jistotu pro starší prohlížeče */
}

/* Styl pro samotný obrázek loga */
.logo {
    display: block; /* Odstraní spodní mezeru pod obrázkem */
    max-width: 100%; /* Přizpůsobí šířku kontejneru */
    height: auto;    /* Zachová poměr stran */
    
    /* Volitelný stín pro jemné oddělení, pokud je pozadí loga čistě bílé */
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.05); */
}