body{
background: rgb(7,138,156);
background: #007abb;
height: 100vh;
font-family: "Raleway", sans-serif;
}
h1, h2{
    color:  black;
    font-size: 3.5rem;
    text-align: center;
}
h2{
    font-size: 1.5rem; 
text-align: center;
}
h3{
    font-size: 1.3rem;
    color: #007abb;
text-align: center;
}
h4{
font-size: 1.3rem;
color: #007abb;
text-align: center;
}
div.hlavni{
      max-width: 1280px;
      border: 5px dashed black;   
margin: auto; 

background: #DCDCDC;     
border-radius: 10px; 
}
div.menu{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-content: center;
}
div.obsah{

}
div.menu a{
width: 300px;
height: 45px;
background: #007abb;
color: white;
font-size: 1,7rem;
display: block;
margin: 3px;
border-radius: 20px;
text-align: center;
line-height: 45px;
transition: 0.5s;
}
div.menu a:hover{
letter-spacing: 6px;



}
ul{
font-size: 1.6rem;
color: darkblue;
line-height: 22px;
letter-spacing: 5px;
list-style-image: url(img/odrazecka1.png);
}
ul ul{
font-size: 1.3rem;
color: #1874CD;
letter-spacing: 1px;
list-style-image: url(img/odrazecka3.png);
}
ul ul ul{
font-size: 1.1rem;
color: #1E90FF;
font-style: italic;
letter-spacing: 1px;
list-style-image: url(img/odrazecka2.png);
}
ul ul ul ul{
font-size: 1rem;
color: black;
font-style: italic;
letter-spacing: 1px;
list-style-image: url(img/odrazecka2.png);
}
img.mini{
float: left;
border: 1px solid gray;
margin: 10px;

}
a{
color: #1874CD;
}
a:hover{
text-decoration: none;
color: white;
transition: 0.5s;
}
img.galerie{
border: 5px solid white;
margin: 60px;
transition: 0.5s;
}
img.galerie:hover{
border: 5px solid pink;
border-radius: 15%;
}
fieldset{
border: 3px dotted gray;
border-radius: 25px;
margin: 20px;
text-align: left;
background: rgba(255,255,255,0.8);
}
legend{
text-align: center;
background: rgba(255,255,255,0.8);
padding: 5px 10px;
}
span{
    color: dodgerblue;
    font-weight: bold;
}