body{
background: rgb(24,47,159);
background: radial-gradient(circle, rgba(24,47,159,1) 0%, rgba(214,0,44,1) 100%);
height: 100vh;
font-family: "Mogra", system-ui;
}
h1, h2{
    color: darkblue;
    font-size: 2.5rem;
text-align:center;
}
h2{
    font-size: 1.5rem;   /* poznámka */
}
h3{
    font-size: 1.3rem;
    color: darkred;
}
div.hlavni{
max-width: 1280px;
border: 5px dashed darkblue;
background: rgba(255,255,255,0.25); 
margin: auto;
border-radius:  50px;
}
div.menu{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-content: center;

}

div.obsah{

}
div.menu a{
width: 300px;
height: 45px;
background: darkblue;
display: block;
margin: 3px;
color: red;
font-size: 1.6rem;
text-decoration: none;
text-align: center;
line-height: 45px;
border-radius: 15px;
transition: 0,5s;
}
div.menu a:hover{
letter-spacing: 6px;
}

p{
margin: 15px;
}
ul{
font-size: 1.6rem;
color: black;
line-height: 22px;
letter-spacing: 5px;
list-style-image: url(img/odr1_smyk.png)
}
ul ul{
font-size: 1.3rem;
color: darkred;
letter-spacing: 1px;
list-style-image: url(img/odr2_smyk.png)
}

img.mini{
float: left;
border: 1px solid gray;
margin: 10px;
rotate: 5deg;
}
a{
color: red;
}
a:hover{
text-decoration: none;
color: blue;
transition: 0.6s;
}

img.galerie{
border: 5px solid white;
margin: 60px;
transition: 0.5s;
}
img.galerie:hover{
border: 5px solid blue;
border-radius: 15%;
}
fieldset{
border: 3px dotted blue;
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.8);
padding: 5px 10px;
}

span{
color: darkblue;
font-weight: bold;

}