body{
background: rgb(200,249,220);
background: linear-gradient(0deg, rgba(200,249,220,1) 18%, rgba(124,223,183,1) 81%);
margin:auto;
min-height:100vh;
width: 100%;
}
h1, h2, h3{
    color:Forestgreen;
     font-size:2.8rem;
text-align: center;
  font-family:"playfair";
  font-weight:500;
  margin:25px 25px;
}
p{
     color:black;
     font-size:1.3rem;
text-align: center;
  font-family:"playfair";
  font-weight:400;
  margin:auto;
letter-spacing:0px;
}
h4{
    color:Forestgreen;
     font-size:2.2rem;
text-align: center;
  font-family:"playfair";
  font-weight:500;
  margin:25px 25px;
}
h5{
    font-size:1.2rem;
    color:black;
    text-align:center;
    font-weight:400;
    border:5px double black;
    background: aquamarine;
    font-family:"playfair";
    letter-spacing: 5px;
}
h6{
     font-size:1.7rem;
    color:forestgreen;
    text-align: left;
    font-weight:400;
    font-family:"playfair";
    margin: 5px;
}
h2{
    font-size: 2rem; 
text-align: left;  /* poznámka */
}
h3{
    font-size: 2rem;
    text-align: right; /* poznámka */
}
div.hlavni{
max-width: 1280px;
border: 5px  double Black; /* solid, deshed */
margin: auto;
background: rgba(255,255,255,0.35);
border-radius: 60px; 
}
div.menu {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-content: center;
}
div.obsah{
}
div.menu a{
    width: 300px;
    height: 45px;
    background: Aquamarine;
    color: black;
    font-size: 1.6rem;
    display: block;
    text-decoration: none;
    line-height:45px;
    text-align:center;
    border-radius:20px;
    margin:3px;
}
div.menu a:hover{
    letter-spacing: 5px;
    font-size: 1.5rem;
    transition: 0.5s;
    color:black;
}
p{
    font-size:1.3rem;
    text-align:center;
    margin:25px 25px;
}
ul{
    font-size:1.6rem;
    color:black;
    line-height: 22px;
    list-style-image:url(img/kytkam.png);
}
ul ul{
    font-size:1.3rem;
    color: Darkcyan;
      font-style:italic;
     list-style-image:url(img/zmotyl.png);
     margin:30px;
}

img.mini{
    float:right;
    border:5px double black;
    margin: 25px;
}
img.mini:hover{
    border:5px solid seagreen;
    border-radius:10%;
}
.container img{
    filter:grayscale(100%);
    cursor:pointer;
    transition: all.2s linear;
}
.container img:hover{
    filter: grayscale(0%);
}
a{
color: seagreen;
}
a:hover{
    text-decoration: none;
    color: mediumaquamarine;
    transition: 0.5s;
}
img.galerie{
    border: 5px double black;
    margin: 25px 50px;
    transition: 0.5s;
    
}
img.galerie:hover{
    border: 5px solid seagreen;
    border-radius: 10%;
    }
    odkazy{
    margin:10px;
}
fieldset{
    border:3px double seagreen;
    border-radius: 25px;
    margin:20px;
    text-align: center;
}
legend{
    text-align: center;
    background: mediumaquamarine;
    padding:5px 10px;
}
span{
    color: seagreen;
    font-size:1rem;
    font-weight: bold;
    
}
span:hover{
      text-decoration: none;
    color: black;
    font-size:1rem;
    transition: 0.5s;
}