html {
    border: #1b1b1b solid 10px; /*Nadstavuje okraj*/
}

.banner  {
    width: 100%; /*Nadstavuje šírku obrázku*/
    height: 200px; /*Nadstavuje výšku*/
}

.menu ul{
    list-style-type: none; /*Nadstavuje štýl odrážky*/
    margin: 0; /*Nadstavuje vonkajší okraj*/
    padding: 0.5%; /*Nadstavuje vnútorný okraj*/
    display: flex; /*Nadstavuje ako sa prvok zobrazí a správa v rozlošení stránky*/
    background-color: #1b1b1b; /*Nadstavuje farbu pozadia*/
    justify-content: center; /*Nadstavuje zarovnanie obsahu*/                   
}

.menu li a {
    margin: 0;
    padding: 14px 20px;
    color: white; /*Nadstavuje farbu*/
}

.menu li a:hover {
    background-color: #868686;
    color: white;
    transition: background-color 0.3s; /*nadstavuje čas prechodu farby pozadia*/
} 

.link {
    text-decoration: underline; /*Nadstavuje ozdobu textu*/
    font-style: italic; /*Nadstavuje štýl písma*/
    color: #ffffff;
}

body {
    margin: 2%;
    font-family: Arial, sans-serif; /*Nadstavuje typ písma*/
    background-color: #424242;
    color: white;
}

.obtekatie {
    float: right; /*Nadstavuje plávanie obrázku medzi textom*/
    margin: 10px;
    width: 400px;
    height: auto;
    border-radius: 10%; /*Nadstavuje zaoblenie rohov*/
}

.teamlogo {
    width: 10%;
    height: auto;
    margin: 10px;
    border-radius: 10%;
}

.teamlogo:hover {
    transform: scale(1.4); /*Nadstavuje zväčšenie obrázku*/
    transition: transform 0.5s;
}

.sienlogo {
    width: 50px;
    height: auto;
    margin-right: 10px; /*Nadstavuje pravý vonkajší okraj*/
    border-radius: 10%;
} 

.sienlogo:hover {
    transform: scale(3);
    transition: transform 0.5s;
}

.sientymnazov {
    display: flex; 
    align-items: center; /*nadstabuje zarovnanie položiek na stred vertikálne*/
    margin-bottom: 10px;
    font-weight: bold; /*Nadstavuje hrúbku textu*/
}

.sienvytazstva {
    font-style: italic; 
    font-weight: bold;
}

video {
    width: 500px;
    height: 300px; 
}