body{
background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
height: 100vh;
font-family:"Denk One";

}
h1{
    color: aqua;
    font-size: 2.5rem;
    text-align: center;
}
 h2{
    color: white;
    font-size: 2.5rem;
    text-align: center;
    
}
h2{
    font-size: 1.5rem;   /* poznámka */

}
h3{
     font-size: 1.3rem;
     color: Blanchedalmond;
    


}
div.hlavni{
      max-width: 1280px;
      border: 5px solid white;  /*solid, dashed */
      margin: auto;
      
     
background: rgb(92,3,37);
background: linear-gradient(83deg, rgba(92,3,37,0.742734593837535) 32%, rgba(0,236,255,1) 87%);
}

div.menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}


div.obsah{

overflow: auto;
padding: 10px;
text-align: center;



}



div.menu a {
    flex: 1;
    max-width: 200px;
    text-align: center;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px solid white;
    border-radius: 15px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    white-space: nowrap;
}


div.menu a:hover{
letter-spacing: 5px;
font-size: 1.8rem;
transition: 0.5s;




}
p{
     margin: 15px;
}
ul{ 
     font-size: 2rem;
     color: cyan;
     line-height: 35px;
     letter-spacing: 5px;
list-style-image: url(img/odr.png)


}
ul ul{
        font-size: 1.5rem;
        color: white; 
letter-spacing: 5px;
list-style-image: url(img/odr2.png)
}
ul ul ul{
      font-size: 1.1rem;
     color: pink;
     font-size: italic;
}
img.mini{
              float: left;
              border: 5px solid white;
              margin: 1.6%;
              rotate: 0deg;
              width: 30%;
              box-sizing: border-box;
}

img.mini:hover {
    border-color: black;    /* Změna na černou */
    border-radius: 10%;     /* Zaoblení rohů */
    cursor: pointer;        /* Volitelné: změní kurzor na ruku */
}



a{
      color: white;


}
a:hover{
    text-decoration: none;
    color: gold;
    transition: 0.5s;

}

img.galerie{
border: 5px solid white;
margin: 25px 50px;
transition: 0.5s;
}
img.galerie:hover{
border: 5px solid black;
border-radius: 10%;

}

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







}
span{
color: green;
font-weight: bold;
}