body{
background: #81EBD2 ;
color: black;

}
h1, h2{
    font-size: 2.5rem;
    text-align: center;
    
}
h3, h4, h5{
    font-size: 2.5rem;
    text-align: center;
    
}

div.celyweb{ 
    margin:auto;
    width: 100%;
    max-width:1200px;
    background: rgba(255,255,255,0.3) ;
    border:5px solid black;
    border-radius: 50px; /*zaoblenĂ­*/
    padding-bottom: 20px;
    font-size:2rem;
    }
    
    div.menu a {
width: 280px;
height: 40px;
background: rgba(173,216,230,1);
color: black;
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; /*ať to není namačkané na sebe*/
border-radius: 999px;
transition: 0.5s;
border: solid black;
}

div.menu a:hover{ /*jak bude vypadat transition*/
letter-spacing: 7px;
background: rgba(173,216,230,1);
color:black;
}

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.index{
    margin:5px 15px; /*první shora,druhé zprava*/
  font-size:2rem;
  color:black;
}
div a{
  color:green;  
}
div a:hover{
    color:green;
     text-decoration:none;
}
p{
  margin:5px 15px; /*první shora,druhé zprava*/
  font-size:2rem;
  color:black;
}

p img{
    border:5px solid black;
    float: left;
    margin:10px;
    rotate: 5deg;
}

p a{color:green;}

p a:hover{
    color:green;
    text-decoration:none;
}
ul{
   color:black; 
   list-style:url(img/odra1.png);
}
ul ul{  
    color:darkgreen;
    list-style:url(img/odra3.png);
}
img.mini{
    height: 180px;
    width: 250px;
    border: 5px solid black;
    margin: 15px;
    
}
img.mini:hover{
    transform: scale(1.1);
    transition: 0.5s;
}    
fieldset{
    border: 1px dotted black;
    border-radius: 30px;
}
legend{
    font-size: 1.5rem;
    color: lightblue;
    background: black;
    padding: 3px 10px;
}