body{
background: rgb(255,250,205);
background: radial-gradient(circle, rgba(255,250,205,1) 0%, rgba(255,192,203,1) 100%);
height: 100vh; 
 font-family: "Roboto Mono", monospace;
}
h1{
    color: saddlebrown; 
    font-size: 2.5rem;
text-align: center
    
}
h2{
    color: saddlebrown; 
    font-size: 1.7rem;
text-align: center
}

div.hlavni{
max-width: 1280px;
margin: auto;
border: 3px solid saddlebrown;
background: rgba(255,255,255,0.7);
color: saddlebrown;
border-radius: 50px 50px 50px 50px;
}
h3{
    font-size: 1.3rem;
    color: saddlebrown;
}   
h4{
    font-size: 1.1rem;
    color: saddlebrown;
}

div.menu{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
div.obsah{

}
div.menu a{
width: 300px;
height: 40px;
background: saddlebrown;
color: white;
font-style: 1,5rem;
display: block;
text-decoration: none;
line-height: 40px;
text-align: center;
margin: 3px;
border-radius: 10px;
transition: 0.5s;
}

div.menu a:hover{
letter-spacing: 7px;
}
p{
margin: 35px;
}
ul{
font-size: 1.6rem;
color: saddlebrown;
font-style: Monaco;
line-height: 30px;
letter-spacing: 6px;
list-style-image: url(img/odr5.png);
}
ul ul{
font-size: 1rem;
color: sienna;
font-style: Monaco;
line-height: 21px;
letter-spacing: 2px;
list-style-image: url(img/odr2.png);
}
ul ul ul{
font-size: 1.1rem;
color: chocolate;
font-style: Monaco;
letter-spacing: 1px
list-style-image: url(img/odr7.png);
}
img.mini{
float: left;
border: 10px solid rgba(245, 190, 174, 1);
margin: 15px;
rotate: 5deg;
border-radius: 15%;
}
img.galerie{
border: 5px solid saddlebrown;
margin: 50px;
transition: 0.5s;
}
img.galerie:hover{
border: 5px solid pink;
border-radius: 5%;
transform:scale(1.2);
}
fieldset{
border-radius: 20px;
color: saddlebrown;
border: 1px solid saddlebrown;
background: FloralWhite;
}
span{
    color:saddlebrown;
    font-weight: bold;
}

Fieldset{
    border-radius: 70px;
    border: solid brown;
    
    
}
img.auto{
    border: 5px solid saddlebrown ;
    border-radius:0%;
    align-items: center;
}

}