@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
    background-color: black;
    font-family: "Montserrat";
}

.video-wrapper {
    width: calc(70vh * 16 / 9); /* Výpočet šírky podľa pomeru strán a výšky */
    height: 70vh; /* Nastavenie výšky na 70% výšky obrazovky */
    margin: 12vh 0; /* Väčší vertikálny odstup; horizontálny môže byť nulový, ak nie je potrebný */
    overflow: hidden;
    position: relative;
    border: solid rgb(255, 255, 255) 1px;
}

.video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.video-wrapper-9-16 {
    position: relative;
    width: 100%; /* Šírka kontajnera zodpovedá šírke obdĺžnika 16:9 */
    padding-top: 46.25%; /* Výška kontajnera podľa pomeru 16:9, vytvára 16:9 obdĺžnik */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black; /* Čierne pozadie pre prípadné biele okraje okolo videa */
    
    
}

.video-9-16 {
    position: absolute;
    width: 50%; /* Pôvodne 50%, znížené o 20% */
    height: 81.11%; /* Pôvodne 88.89%, znížené o 20% */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    
}


.video:hover {
    transform: scale(1.05);
}
.caption {
    text-align: center;
    
    font-size: 1em;
    color: aliceblue;
    margin-top: -6vh;
}
.captionPalmyra {
    text-align: center;
    
    font-size: 1em;
    color: aliceblue;
    margin-top: 0vh;
}


.header-container {
    text-align: center; /* Centruje text v kontajneri */
    margin-top: 50px; /* Horný okraj */
    display: flex; /* Použiť flexbox pre kontajner */
    flex-direction: column; /* Prvky usporiadané do stĺpca */
    align-items: center; /* Centruje prvky vodorovne */
}

.home-button {
    width: 6vw; /* Šírka tlačidla */
    margin-top: 20px; /* Odstup od nadpisu */
    cursor: pointer;
    transition: transform 0.3s ease; /* Plynulý prechod pre transformáciu */
    text-decoration: none;
}

.home-button:hover {
    transform: scale(1.05); /* Zväčšenie o 5% */
}

.home-button img {
    max-width: 100%; /* Maximalna šírka obrázku */
    height: auto; /* Výška sa prispôsobí automaticky */
    display: block; /* Odstránenie defaultných okrajov okolo obrázku v linke */
}

h1 {
    color: aliceblue;
    letter-spacing: 7px;
    margin-top: 50px; /* Pridaný horný a spodný okraj pre nadpis */
}
iframe {
    width: 100%; /* Full width of the video wrapper */
    height: 100%; /* Full height of the video wrapper */
    position: absolute; /* Positioning relative to the video wrapper */
    top: 0;
    left: 0;
}
p{
    color: aliceblue; 
}
footer {
    text-align: center;
    padding-top: 10%;
    
    color: #333; /* Tmavošedá farba textu */
    
}