body{
    font-family: Arial;
    padding: 10px;
    background-color: rgb(200, 200, 200);
}

.header {
    text-align: center;
}

.topnav{
    background-color: #333;
    overflow: hidden;
}

.topnav a{
    color: whitesmoke; /* barva textu*/
    text-decoration: none; /*odstrani podržítko*/
    float: left;        /* nastaví elementy do leva*/
    display: block;     /*blokové zobrazení*/
    padding: 5px 15px;  /* mezery pro odkazy*/
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.container:after{
    clear:both;
    display: table;
}

.card{
    padding: 20px;
    margin-top: 20px;
    background-color: white;
}

.footer{
    background-color: #ddd;
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}