body{
margin: 0px;
background: #0d0202;
background: linear-gradient(22deg,rgba(13, 2, 2, 1) 0%, rgba(207, 66, 66, 1) 64%, rgba(255, 8, 8, 1) 100%);

height: 260vh;
font-family: "Arvo";
}
h1{    color: white;
    font-size: 3rem;
text-align: center;
font-family: "Arvo";
}
h2{
    font-size: 1.6rem;   /* poznámka */
  font-weight: bold;
    text-align: left;
   margin-left: 1rem;
}

h3{
    font-size: 1.3rem;
    color: gray;
}
 div.hlavni{
   max-width: 1280px;
  margin: auto;
  border: 5px double white;   /*solid, dotted, dashed */
  background: rgba(255,255,255,0.45);    /*rgba(0,0,0,0.65) */
  border-radius: 25px;
}
div.menu{
           display: flex;
           flex-wrap: wrap;
           justify-content: space-evenly;
           align-content: center;
     
}

div.obsah{
  text-align: left;

}
div.menu a{
     width: 300px;
     height: 45px;
     background: darkred;
     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: 1s;


}

p{
   margin: 15px;
}
ul{
    font-size: 1.6rem;
   color: black;
   line-height: 22px;
  list-style-image: url(img/odrhvezd.png);

}
ul ul{
    font-size: 1.3rem;
    color: brown;
    list-style-image: url(img/srdceodr5.png);


}
ul ul ul{
    font-size: 1.1rem;
    color: white;
 font-style: italic; 
 list-style-image: url(img/odr2.png);
}

img.mini{
           float: left;
          border: 2px solid black;
          margin: 10px;
          rotate: 5deg;
}
a{ 
       color: darkred;
}
a:hover{
             text-decoration: none;
             color: white;
             transition: 1s;
}

img.galerie{
        border: 5px solid darkred;
        margin: 50px;
        transition: 0.5s;
}

img.galerie:hover{
      border: 5px solid white;
      border-radius: 10%;

}
span{
        color: black;
       font-weight: normal;
}

fieldset{
    border: 3px solid white;
   border-radius: 25px;
    margin: 20px;
  text-align: left;
   background: rgba(255,255,255,0.3);
}

legend{
     text-align: center;
     background: rgba(255,255,255,0.6);
     padding: 5px 10px;
  

}