body{
background-image:url(img/hory.slunce.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
color: white;
/*pozadí-hlavní*/
/*background-image :url(img/mlha.jpg);*/
/*background-position: center center;
background-repeat: no-repeat;
background-size : cover;
background-attachment:fixed;*/
/*background: radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);*/
font-family:"Shadows Into Light"; /*https://www.w3schools.com/css/css_font_style.asp*/
}
h1, h2{
    font-size: 3rem;
    text-align: center;
    color:white;    /*nadpis*/
   
}
h2{
    font-size: 1.5rem;   /* poznámka */
}
div.celyweb{
    margin:auto;
    max-width:1200px;
    background: rgb(160 198 226 / 30%);
    border:10px solid white ;              /*ohranišení*/
    border-radius:30px 30px 30px 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.menu a {
width: 280px;
height: 40px;
background:  #ffffff00;     /*klik barva */
color: #000000;             /* klik text*/
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 #00000059;;      /*klik ohraničení */
}
div.menu a:hover{
letter-spacing: 3px;
background: #ee6f52c9;        /* po najetí barva pozadí */
color: #ffffff;             /* text po najetí */
}
p{
    margin: 15px 20px ;
   border-radius:30px;
   border:5px solid white; /*onraničení text barva */
   font-size:1.5rem;
   color:white;            /*text barva */
   font-style:italic;
}
 p img{
 border: 4px solid #ffffff;  /*barva ohraničení obrázku*/
 float: left;
 margin: 10px;

 }
  p img:hover{
      border: 4px solid #ffbbf2;  /*barva rámečku po najetí */
      
}
a:hover{
     text-decoration:none;
    
    
}
  ul{
      color:navy;     /*barva nadpisu v odkazech - jaro ...*/
      list-style-image:url(img/X.png);
    
}
 ul ul{
     color:darkorange;   /* -//- - brezen ...*/
      list-style-image:url(img/v3.png);
 
}
img.mini{
    height: 200px;
    width: AUTO;
    border:5px solid white;    /*rameček u obr. v galerii*/
    margin: 25px;
}
img.mini:hover{
    border: 5px solid orange;  /*rámečk po najetí obr.*/
}