body{
background: rgb(176,247,157);
background: linear-gradient(0deg, rgba(176,247,157,1) 0%, rgba(255,168,246,1) 100%);
font-family: "DynaPuff";

}
h1, h2{
    color: green;
    font-size: 2.5rem;
    text-align: center;
}
h2{
 color: pink;
    font-size: 1.5rem;   /* poznámka */
 text-align: center;
}
h3{
    font-size: 1.2rem; 
    color: darkgreen;  
}
div.hlavni {
   max-width: 1280px;
   margin: auto;
   border: 5px dashed white;   /* solid, dotted */
   background: rgba(255,255,255,0.45);  /* cerna rgba(0,0,0,0.65) */
   border-radius: 5%;
}
div.menu{
           display: flex;
           flex-wrap: wrap;
            justify-content: space-evenly;
           align-content: center;
}
div.obsah{

}
div.menu a{
width: 300px;
height: 54px;
background: pink;
display: block;
text-align: center;
line-height: 45px;
text-decoration: none;
font-size: 1.6rem;
color: white;
border-radius: 15px;
margin: 3px;
}
div.menu a:hover{
  letter-spacing: 5px;
  font-size: 1.8rem;
  transition: 0.5s;
}
p{
  margin: 15px;
}
}
ul{
font-size: 1.6rem;
color:black;
line-height: 22px;
}
ul ul{
font-size: 1.3rem;
color: green;
font-style: italic;

}
ul ul ul{
font-size: 1.1rem;
color:purple;
}
img.mini{
float: left;
border: 5px solid white;
margin 25px;
rotate: 0deg;
}
a{
color: purple;
}
a:hover{
text-decoration: none;
color: white;
transition: 0.5s;
}
img.galerie{
    border: 5px solid pink;
    margin: 60px;
    transition: 0.5s;
}
img.galerie:hover{
 border: 5px solid darkgreen;
 border-radius: 15%;
 
}
fieldset{
   border: 3px dotted pink;
   border-radius: 25px;
   margin: 20px;
   text-align: left;
   backround: rgba(255,255,255,0.3);

}
legend{
  text-align: center;
  backround: rgba(255, 255, 255, 0.6);
  padding: 5px 10px;
}
span{
 color: green;
 font-weight: bold;

}