body{
   background: rgb(20,8,165);
background: linear-gradient(90deg, rgba(20,8,165,1) 0%, rgba(79,181,156,1) 48%, rgba(255,244,15,1) 100%);
font-family: "Poetsen One";
}

h1, h2{
    color: white;
    font-size:  2.5rem;
    text-align: center;
}

h2{
    font-size: 1.5rem;   /* poznámka */
     font-family: "Poetsen One";
}


div.hlavni{
     max-width: 1280px;
     border: 5px dashed black;  
     margin: auto;
     background: rgba(255,255,255,0.35);
     border-radius: 60px ;
     font-family: "Poetsen One";
}
div.menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
    font-family: "Poetsen One";
   
}
div.obsah{
    
}
div.menu a{
       
          width: 300px;
       height: 45px;
       background: #002D62;
       color: white;
       font-size: 1.6rem;
        font-family: "Poetsen One";
      display: block;
      text-decoration: none;
      line-height: 45px;
      text-align: center;
      border-radius: 20px;
      margin: 3px;
      font-family: "Poetsen One";
         
     
}
div.menu a:hover{
              letter-spacing: 5px;
              font-size: 1.8rem;
              transition: 0.5s;
              
}


p{
    margin: 15px;
   font-family: "Poetsen One";
   
   
}
ul{
      font-size: 1.6rem;
      color:  #002D62;
      line-height: 22px;
      list-style-image: url(img/odr1D.png);
     
      margin: auto;
      
}
ul ul{
       font-size: 1.3rem;
       color: beige;
       list-style-image: url(img/odr1M.png);
       
          

}
ul ul ul{ 
         font-size: 1.1rem;
         color: purple;
         font-style: italic;
         list-style-image: url(img/Odr3.png);
         
          
}
img.mini{
             float: left;
             border: 5px solid grey;
             margin: 10px;
             rotate: 5deg;
}
a{
    color: #4A5478;
    
}
a:hover{ 
    text-decoration: none;
    color:  red;
    transition: 0.5s;
   
}
img.galerie{
    border: 5px solid white;
    border-radius: 10%;
    margin: 25px 50px ;
    opacity: 0.5;
    transition: opacity 0.3s ease;
    transition: transform 0.3s ease-in-out;
    
}
    
img.galerie:hover{
    border-radius: 10%;
    border: 5px solid #002D62;
    opacity: 1;
    transform: scale(1.1);

   
}



   fieldset{
       border: 3px solid black;
       border-radius: 25px;
       margin: 20px;
       text-align: center;
       color: white;
       background: #72A0C1;
} 
   
   legend{
       text-align: center;
       background: #002D62;
       padding: 5px 10px;
       border-radius: 25px;
}
   span{
    color: #002D62 ;
    font-weight: bold;
    
}