body{
background: #f7a1e7;
background: #f6b3ff;
background: linear-gradient(90deg, rgba(246, 179, 255, 1) 0%, rgba(192, 110, 219, 1) 58%, rgba(163, 221, 255, 1) 100%);
color: white;
font-family: "Courgette"
}
h1, h2{
    font-size: 3.15rem;  /* velikost písma */
    text-align: center;  /* zarovnání textu na střed*/
}
h2{
    font-size: 2.5rem;   /* dělá písmo v h2 menší(nadpisy)*/
}
 /* div odděluje části stranky  */
div{
max-width: 1200px; /* maximalní tlouštka */
margin: auto;          /* vycentruje blok doprostřed stránky*/
border: 7px solid white;     /* tlouštka ramecku,plná čára,barva */
background: background: #f7a1e7;
background: radial-gradient(circle, rgba(247, 161, 231, 1) 0%, rgba(219, 170, 242, 1) 100%);    /*rgba-red,green,blue,alpha-pruhlednost - 0,0,0-černa poloprůhledné 33%*/
border-radius: 50px 50px 50px 50px;        /*zakulaceni rohu-horní levý,pravý dolní pravý,levy */
padding-bottom:120px;          /* vnitřní mezera dole*/
}
p{
margin: 10px;    /* vnější mezera kolem odstavce */
font-style: italic; /* je to kurzívou */
}
p img{
float: left;             /* obrázek se zarovná doleva a text ho obtéká */
border:5px solid white;                /* tloustka plna cara barva */
rotate: 10deg;
margin:10px
}
p img:hover{    /* hover znamená že se to stane když na to přejedeš myší */
border: 5px solid #8e8cff;
}
p a{ 
color: #8E8CFF; /* barva odkazu*/
}
p a:hover{
color: lightblue; /* styl a barva při najetí myši*/
text-decoration: none; /* podtržení textu-zadne*/
}
fieldset{ 
border: 1px dotted gray;
border-radius: 20px;
width: 50%;
legend{ 
color: darkpink;
font-size: 1.5rem;
background: #8E8CFF;
border-radius: 25px;
padding:2px 10px
}