body{
background: #004225;
color: white
}
h1, h2, h3{
    font-size: 2.5rem;
    text-align: center;
    color:#FFDB58;
}
h2{
    font-size: 1.5rem;
    /* poznámka */
    color:#FFDB58;
    
}

h3{
    font-size: 1.5rem;
    /* poznámka */
    color:#FFDB58;
    
}


div.celyweb{
    margin:auto;
    max-width:1200px;
    background: rgba(250, 250, 250, 0.1);
    border:3px solid #000000;
    border-radius:30px ;
    padding-bottom:50px;
}

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.menu a {
width: 280px;
height: 40px;
background:  #5C0000;
color: #FFDB58;
font-size: 1.5rem;
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 #FFDB58;*/
}
div.menu a:hover{
letter-spacing: 3px;
background: #FFDB44;
color: #5C0000;
}

p{
    font-size: 1rem;
    margin:10px;
    text-align:center;
    color:#FFDB58;

}







ul{
    color:white;
    list-style-image:url(odrazka.png);
    font-size:40px;
}

ul ul{
    color:#FFDB44;
    list-style-image:url(odrazka.png);
    font-size:18px;
}






img.mini{
    height:200px;
    width:auto;
    border:5px solid #5C0000;
    margin:70px;
    
}


img.mini:hover{
    border:5px solid #FFDB44;
    border-radius:30px;
}