body{
background: rgb(173,216,230);
background: radial-gradient(circle, rgba(255,102,102,1) 25%, rgba(80,80,80,1) 75%);
height: 100vh;
font-family: "Outfit", sans-serif;
font-size: 1.2rem;
}
h1, h2{
    color: black;
    font-size: 3.5rem;
text-align: center;
}

h2{
font-size: 1.5rem;
}
h3{
    font-size: 1.3rem;
    color: red;
}
div.hlavni{
width: 1280px;
border: 3px dashed white;
margin: auto;

background: light pink;
border-radius: 10px;
border-radius: 30px 30px
}
div.menu{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-content: center;
}
div.obsah{

}
div.menu a{
width: 300px;
height: 45px;
background: #da3333;
display: block;
color: black;
font-size: 1.7rem;
margin: 3px;
border-radius: 20px;
text-align: center;
line-height: 45px;
transition: 0.5s;
}

div.menu a:hover{
letter-spacing: 6px;
}

ul {
font-size: 1.6rem;
color: #ff0909;
line-height: 22px;
letter-spacing: 5px;
list-style-image: url(img/odr1K.png);
}
ul ul {
font-size: 1.3rem;
color: black;
letter-spacing: 1px;
list-style-image: url(img/odr2K.png);
}
ul ul ul {
font-size: 1.1rem;
color: black;
font-style: italic;
letter-spacing: 1px;
} 

img.mini{
float: left;
border: 3px solid white;
margin: 30px;
rotate: 4deg;

}
a{
color: black;
text-align: center
}
a:hover{
text-decoration: none;
color: silver;
transition: 0.5s;


}
img.galerie{
border: 5px solid white;
margin: 60px;
transition: 0,5s;
}
img.galerie:hover{
border: 5px solid pink;
border-radius: 15%
}
fieldset{
border: 3px dotted gray;
border-radius: 25px;
margin: 20px;
text-align: left;
backround: rgba(255,255,255,0.3);
}
legend{
text-align: center;
background:rgba(255,255,255,0.8);
padding: 5px 10px;
}
span{
    color:red;
    font-weight: bold;
}