body{ /*Pravý Alt+B={*/
background: lightsalmon;
height: 100vh;

} /*Pravý Alt+N=}*/

h1, h2{ /*h1=nadpis 1.úrovně, h2=nadpis 2.úrovně*/
    color: black;
    font-size: 2.5rem;
    text-align: center;
    font-family: "Playwrite HU", cursive;
}
h2{
    font-size: 1.5rem; /* poznámka */
}

h3{ /*utility*/
   font-size: 1.3rem;
   color:#fca69c;
    
    
}

div.hlavni{
max-width: 1280px;
margin: auto;
border: 1px dotted black; /*border: tloušťka okraje_ typ okraje_ barva okraje*/
background: rgba (255,255,255,0.4);
background:bisque;
border-radius: 40px; /*zakulacení okraje*/
}
div.menu{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}
div.obsah{

}
div.menu a{
    width: 300px; /*dává se to pod sebe, když zmenšujeme text*/
    height: 40px;
    background: lightsalmon;
    color:black;
    font-size: 1.5rem;
    display: block;
    text-decoration: none;
    line-height: 40px;
    text-align: center;
    margin: 4px; /*mezery mezi menu*/
    border-radius: 30px; /*zakulacení v menu*/
    transition: 0.5s; /*aby se text roztahoval nějakou dobu*/

    
    
}
div.menu a:hover{
letter-spacing: 7px;
}

p{
margin:15px; /*vnější okraj*/
}
ul{ /*nečíslovaný seznam - první odrážka*/
font-size: 1.6rem;
color:black;
line-height:30px;      /*výška řádku*/
letter-spacing: 4px; /*jak daleko budou písmena od sebe*/
list-style-image: url(img/odrazka.png); /*img/, protože máme odrážku ve složce img*/
}
ul ul{ /*nečíslovaný seznam - druhá odrážka, aby byla dál od okraje než první*/
font-size:1.3rem;
color:black;
line-height:20px;
letter-spacing: 2px;
list-style-image: url(img/odrazka1.png);
}
ul ul ul{
font-size:1.1rem;
color:black;
font-style:aqua;
letter-spacing: 1px;
list-style-image: url(img/odrazka2.png);
}
img.mini{
float: left; /*obrázek zarovnaný vlevo, text vpravo*/
border: 4px solid lightsalmon; /*tloušťka rámečku + jaký styl a barva*/
margin: 10px; /*jak daleko bude obrázek od textu*/
rotate: 5deg;

}
img.galerie{
border: 5px solid lightsalmon;
margin: 50px;
transition: 0.5s;
}

img.galerie:hover{
border: 5px lightsalmon; /*solid brown=změna barvy z lightsalmon na brown*/
border-radius: 10%;
transform: scale(1.2);
}

fieldset{
    border: 3px solid lightsalmon;
    border-radius: 40px;
    }
    legend{ 
    text-align: center;
    font-size: 1.3rem;
    }

span{
   color: #fca69c; 
   font-weight: bold;

}