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{
    color: #D5FFF3;
    font-size: 25px;
}
div{
    background-color: #0094C6;
    text-align: center;
}
p{
    color: #D5FFF3;
    font-size: 20px;
}
.rozvrh{
    color: #D5FFF3;
}
table, th, td{
    text-align: center;
    border: 2px solid;
    border-collapse: collapse;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
}
th:hover{
    color: #0094C6;
    border: 1px solid;
    border-collapse: collapse;
    text-align: center;
    background-color: #D5FFF3;
}
td:hover{
    color: #0094C6;
    border: 1px solid;
    border-collapse: collapse;
    text-align: center;
    background-color: #D5FFF3;
}
.gombik1{
    color: #D5FFF3;
    font-size: 20px;
    margin: 1em;
    width: 30%;
    text-decoration: none;
}
.gombik1:hover{
    background-color: #D5FFF3;
    color: #0094C6;
    font-size: 20px;
    margin: 1em;
    width: 30%;
    text-decoration: none;
}
ul{
    list-style: none;
}
.vlajky{
    width: 3%;
    padding: 3px;
}
.vlajka_1{
    padding: 3px;
    width: 3%;
    margin-top: 2px;
}