body{
background: rgb(254,0,0);
background: linear-gradient(34deg, rgba(254,0,0,1) 0%, rgba(43,17,212,1) 100%);
 font-family: "Jaini", system-ui;
}
h1{
    color: black;
    font-size: 3.5 rem;
text-align: center;
}
h2{
    color: black
 font-size: 2.5rem;   /* poznámka */
text-align: center;
}
h3{
color:black;
text-align:center;
font-size: 2.0rem;
text-align:center;
}
h4{
font-size: 1.5rem;
color: Green;
text-align:center;
}
h5{
font-size: 1.5rem;
color: Red;
text-align:center;
}
h6{
font-size: 1.5rem;
color: Orange;
text-align:center;
}

div.hlavni{
max-width: 1280px;
border: 5px dashed white;
background: rgba(255,255,255,0.45);
margin: auto;
border-radius: 30px;
}
div.menu{
display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-content: center;

}
div.obsah{

}
div.menu a{
width: 300px;
height: 45px;
background: maroon;
display: block;
color: white;
front-size: 1.7rem;
margin: 3px
border-radius: 20px;
text-align: center;
line-height: 45px;

}

ul{
color:white;
font-style:italic;
letter-spacing: 5px;
list-style-image:url(img/totek1.png);
}
ul ul{
color:white;
font-style:italic;
letter-spacing: 1px;
list-style-image:url(img/totek2.png);
}
ul ul ul{
color:red;
font-style:italic;
letter-spacing: 1px;
list-style-image:url(img/totek3.png);
}
img.mini{
float: left;
border: 1px solid gray;
margin: 10px;
}
a{
color:silver;
}

a:hover{
text-decoration: none;
color:white;
transition: 0.5s;
}
fieldset{
border:3px dotted gray;
border-radius: 25px;
margin: 20px;
text-align:left;
background:rgba(225,225,225,0.3);
}
legend{
text-align: center;
background: rgba(225,225,225,0.8);
padding: 5px 10px;
}
img.galerie{
border: 5px solid white;
margin: 60px;
transition: 0.5s;
}
img.galerie:hover{
border: 5px solid blue;
border-radius: 15%;
}

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