body{
background: rgb(255,255,255);
background: #ffffff;
background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(66, 148, 199, 1) 68%, rgba(6, 6, 71, 1) 100%);
font-family: "Caveat", cursive;
font-size: 1.6rem;


}
h1, h2{
    color: Navy;
    font-size: 2.9 rem;
text-align: center;
}
h2{
    font-size: 1.7rem;   /* poznámka */
}
h3{
    font-size:1.6rem;
    color: Navy;
    text-align: center;
}

h4{
    font-size:1.2rem;
    color: RoyalBlue;
    text-align: center;
}
h5{
    color: RoyalBlue;
    text-align: center;
    font-size:1.6rem;
    font-weight: normal;
}


div.hlavni{
max-width: 1280px;
margin: auto;
border: 3px solid DarkSlateBlue;  /* okraj - dotted, dashed*/
background: rgba(255,255,255,0.7);
color: DarkSlateBlue;
border-radius: 53px;  /* okraj zakulacení */
}
div.menu{
display: flex; 
flex-wrap: wrap;  /* že se to na mobilu dá pod sebou*/
justify-content: center;  /* menu na stred*/
align-items: center;
}
div.obsah{

}
div.menu a{
width: 300px;
height: 40 px;
background: navy;
color: white;
font-size: 1.5rem;
display: block;
text-decoration: none;
line-height: 40px;
text-align: center;
margin: 3px;
border-radius: 30px;
transition: 0.5s;

}

div.menu a:hover{     /* funkce menu*/
letter-spacing: 6px;
background: white;
color: navy;
font-weight: bold;
}

p{
    margin: 22px; /*text dále od kraje */
    color: RoyalBlue;
}

ul{
font-size: 1.6rem;
color: navy;
line-height: 30px;
letter-spacing: 6px;
list-style-image: url(img/od4.png);     /* obrázek */
}

ul ul{
font-size: 1.4rem;
color: Blue;
line-height: 21px;   /* výška řádku */
letter-spacing: 2px;
list-style-image: url(img/od3.png);    
}

ul ul ul{     /* 3.uroven uprava*/
font-size: 1.1rem;
color: MidnightBlue;
font-style: italic;    /* kurzíva*/
letter-spacing: 1px;
list-style-image: url(img/od3.png);
}

img.mini{
float: left;
border: 3px dashed DarkSlateBlue;
margin: 15px;
border-radius: 5px;
transition: 0.5s;
}

img.mini:hover{
border: 3px solid DarkSlateBlue;
border-radius: 15px;
transition: 0.5s;
}


img.galerie{
border: 3px solid SteelBlue;
margin: 50px;
filter: brightness(0.8) sepia(1) hue-rotate(193deg) saturate(3.5);
transform: 0.3s ease;
transition: 0.3s;
}

img.galerie:hover{
border: 3px solid navy;
border-radius: 4%;
transform: scale(1.14);
filter: none;
transition: 0.8s;
}


fieldset{
border: 2.3px solid Navy;
margin: 20px;
border-radius: 35px;
background: white;
color: RoyalBlue;

}
legend{
    padding:5px 8px;
    color: Navy;
    font-size: 1.8rem;
    
}
span{
color: blue;
font-weight: bold;
font-size: 1.8rem;
}


h5 a, p a, li a {
  position: relative;
  text-decoration: none;
  color: #007bff;
}

h5 a::after,p a::after, li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: currentColor;
  transition: width 0.3s ease;
}

h5 a:hover::after,p a:hover::after, li a:hover::after {
  width: 100%;
}  
h4 a {
    text-decoration: underline;
    color: #007bff;
    
}
    
h4 a:hover{
    color: Navy;
    text-decoration: none;
}

@media screen and (max-width: 990px){
    div.menu a {width: 100%;}
    div.menu {height: 240px; background: rgba(0,0,0,0);}
    div.obsah {margin-top: 40px;}
    legend{font-size:1.8rem;}
  
   
    
}