html{
    background-color: #272D2D;
}
h1{
    text-align: center;
    color: #D5FFF3;
    font-size: 40px;
}
.odkazy{
    background-color: #0094C6;
    text-align: center;   
}
.gombik{
    color: #D5FFF3;
    font-size: 1em;
    margin: 1em;
    width: 30%;
    text-decoration: underline;
}
.gombik:hover{
    background-color: #D5FFF3;
    color: #0094C6;
    font-size: 1em;
    margin: 1em;
    width: 30%;
    text-decoration: none;
}
h2{
    color: #D5FFF3;
    font-size: 35px;
}
h3{
    background-color: #0094C6;
    color: #D5FFF3;
    font-size: 25px;
}
main{
    background-color: #0094C6;
    display: flex;
    flex-direction: row;
    text-align: center;
}
div{
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    flex: 1;
}
.uvod{
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #0094C6;
    flex: 4;
}
p{
    color: #D5FFF3;
    font-size: 20px;
}
.vlajky{
    width: 3%;
    padding: 3px;
}
.vlajka_1{
    padding: 3px;
    width: 3%;
    margin-top: 2px;
}