/* Zajišťuje, že body a html zabírají celou výšku stránky a odstraňuje výchozí okraje */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

/* Styl pro kontejner obrázku na celou obrazovku */
.full-screen-background {
    height: 100%;
    width: 100%;
    
    /* 1. Nastavte cestu k vašemu obrázku (např. './cesta/k/obrazku.jpg') */
    /*background-image: url('background.webp'); 
    
    /* 2. Zajišťuje, že obrázek pokryje celou plochu elementu, aniž by se opakoval */
    background-size: cover;
    
    /* 3. Vycentruje obrázek */
    background-position: center;
    
    /* 4. Zabrání opakování obrázku */
    background-repeat: no-repeat; 
    
    /* Další styly pro obsah (text), který je nad obrázkem */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(12, 11, 11); /* Barva textu */
}

.logo {
    /* Nastavte rozumnou velikost loga. Můžete použít px nebo % */
    width: 300px; 
    height: auto; /* Automatická výška pro zachování poměru stran */
    
    /* Přidání mezery pod logem, aby se oddělilo od textu */
    margin-bottom: -30px; 
}