body{
background: rgb(148,141,134);
background: linear-gradient(0deg, rgba(148,141,134,1) 0%, rgba(69,65,60,1) 100%);
height: 100vh;
font-size: 1.5rem;
font-family: "Caveat", cursive;
}
h1, h2{
    color: #46280e;
    font-size: 5rem;
text-align: center;
}

h2{
font-size: 2.5rem;
}

h3{
font-size: 1.3rem;
color: #c29c7b;
}

div.hlavni{
width: 1280px;
border: 3px dashed white;
margin: auto;

background: rgb(207,185,150);
background: radial-gradient(circle, rgba(207,185,150,1) 0%, rgba(34,17,2,1) 100%);
boeder-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: #704e1b;
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: 2rem;
color: #46280e;
line-height: 22px;
letter-spacing: 5px;
list-style-image: url(img/odr1K.png);
}
ul ul {
font-size: 1.3rem;
color: #ffe1b2;
letter-spacing: 1px;
list-style-image: url(img/odr2K.png);
}


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

}
a{
color: #ffe1b2;
}
a:hover{
text-decoration: none;
color: white;
transition: 0.5s;
} 
img.galerie{
border: 5px;
margin: 60px;
transition: 0.5s;
}
img.galerie:hover{
border: 2.5px solid #cfd0cf;
border-radius: 15%;
}

fieldset{
 border:3px dotted gray;
     border-radius: 25px;
margin: 20px;
border-radius: 20px;
text-align: left;
background: rgba(255,255,255,0.3);
}
legend{
text-align: center;
background:rgba(255,255,255,0.8);
padding: 5px 10px;
}

span{
    color: #caf0f8;
    font-weight: bold;