body{
background: #77ff00;
background: rgba(249, 69, 252, 1);
color: white
}
h1, h2{
    font-size: 3.5rem;
    text-align: center;
}
h2{
    font-size: 3rem;   /* poznámka */
}
div.celyweb{
    margin: auto;
    max-width: 1200px;
    background: rgba(246, 220, 245, 0.24);
    border: 5px solid white;
    border-radius: 30px ;
}
div.menu{
display: flex;       /* to jak se zobrazuje element, elementy vedle sebe */
flex-wrap: wrap;        /* jestli se to muze zalomit nebo ne, bez wrapu se tlaci k sobe, s wrapem se da na dalsi radek */
justify-content: center;       /* horizontalni zarovnani */
align-items: center;        /* vertikalni zarovnani, jenom ve flexu */

}
div.obsah{
    padding: 0 50px;
}
div.menu a {
width: 280px;
height: 40px;
background:rgba(243, 114, 174, 1);
color: rgba(255, 255, 255, 1);
font-size: 2rem;
display: block;     /* vychozi rozlozeni elementu, zabere maximalni sirku timpadem dalsi jde pod nej */
text-decoration: none;      /* podtrhnuti textu */
line-height: 40px;      /* vyska radku */
text-align: center;
margin: 3px;
border-radius: 999px;
transition: 0.5s;
border: solid  rgba(246, 34, 143, 1);
}
div.menu a:hover{
letter-spacing: 3px;
background:rgba(246, 34, 143, 1);
color:rgba(243, 114, 174, 1);
}
p{
    margin: 15px 10px;
    line-height: 35px;
    font-size: 2rem;
}

p  a{
    color:pink;
}
p a:hoover{
    color:pink;
     text-decoration:none;
     
 }
 ul{
     color:black;
     list-style-image: url(img/krizek.png);
 }
 ul ul{
     color:white;
 }    
 img.mini{
     height: 200px;
     width: auto;
     border: 5px solid white;
     margin: 25px;
 }
 img.mini:hover{
     border: 5px solid pink;
 }