body {
    background-image: url(./MicrosoftTeams-image.png);
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0%;
}

.ikonka{
    width: 100%;
    height: fit-content;
    background-color: white;
    margin: 0;
}

.horniMenu{
    transform: translateY(-30%);
}

.horniMenu ul{
background-color: red;
padding-top: 1%;
padding-bottom: 1%;
}

.horniMenu ul li{
display: inline;
}

.horniMenu ul li a{
text-decoration: none;
color: white;
margin-right: 2%;
padding: 1%;
font-family: Verdana, Geneva, Tahoma, sans-serif;
transition: 2s;
}

.horniMenu li a:hover{
background-color: black;
transition: 2s;
}

.horniMenu ul li a.active {
    background-color: black;
    color: white;
}

.nadpis{
    color: white;
    margin-left: 5.5%;
    margin-top: 2%;
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

.dotaznik1{
    color: white;
    margin-left: 5%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dotaznik2{
    color: white;
    margin-left: 5%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dolniTlacitka{
    margin-left: 5%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.footer{
    background-color: red;
    margin-top: 10%;
    text-align: center;
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

@media screen and (max-width:768px) {

    .horniMenu ul li{
        display: flex;
        padding: 1.2%;
        justify-content: center;
    }

    .radioButtony{
        margin-right: 15%;
    }

    .radioButtony2{
        margin-right: 15%;
    }

    .radioButtony3{
        margin-right: 10%;
    }

    .checkBox{
        margin-right: 50%;
    }


    .footer{
        margin-top: 30%;
    }
}