body{                             /*je celé tělo webové stránky - styl pro celou stránku*/
background: #cb55f2;       /*Nastavuje barvu pozadí stránky*/      /*Barva pozadí zapsaná hexadecimálním kódem.*/
background: radial-gradient(circle,rgba(203, 85, 242, 1) 0%, rgba(64, 191, 230, 1) 100%);    /*Vytvoří barevný přechod od středu ven*/        
color: white;            /*Určuje barvu textu*/  
font-family: "Playfair Display";              /*Určuje typ písma.*/
}
h1, h2{                            /*Styluje nadpisy stránky h1 - hlavní nadpis h2 - podnadpis.*/

    font-size: 2.15rem;          /*Určuje velikost textu. rem-relativní velikost*/      
    text-align: center;            /*Zarovnání textu*/
   
}
h2{    
    font-size: 1.5rem;   /* poznámka */   /* velikost nadpisu druhé úrovně */
}
div {                      /*je blok  na stránce. Používá se pro rozdělení layoutu.*/            
max-width: 1200px;            /*Maximální šířka prvku*/
margin: auto;                      /*Automaticky vycentruje obsah na stránce*/             /* | margin | prostor venku || padding | prostor uvnitř | */
border: 5px solid white;                        /*Rámeček kolem prvku*/
background: rgba(0,0,0,0.33);                  /*Poloprůhledné pozadí*/.
border-radius: 0 50px;              /*Zaoblení rohů.*/
padding-bottom: 60px;                /*Vnitřní odsazení od spodku*/
}
p{       /*znamená odstavec (paragraph). Styl tedy platí pro všechny odstavce na stránce.*/
margin: 10px;               /*Vytvoří vnější mezeru kolem odstavce*/    
font-style: italic;                   /*Určuje styl písma*/
}
p img{        /*Tento styl platí pro:*/
      float: left;           /*Posune prvek na stranu stránky.*/
      border: 5px solid white;          /*Vytvoří rámeček kolem obrázku.*/
      rotate:  5deg;                            /*Otočí prvek. deg=stupně*/
      margin: 17px;                                /*Vytvoří mezery kolem obrázku, aby nebyl nalepený na text.*/
}
p img:hover{                                           /*:hover Aktivuje se když: najedeš myší na prvek*/
border: 5px dotted pink;                           
}
p a{                          /*Styl pro odkazy uvnitř odstavce. a = HTML tag pro odkaz (link).*/               
color: pink;                 
}
p a:hover{                  /*Když najedeš myší na odkaz: barva se změní na tmavě červenou zmizí podtržení underline - podtržené none - bez podtržení*/     
color: lavender;                  
text-decoration: none;            
}
fieldset{
       border: 1px dotted gray;
       border-radius: 20px;
       width: 50%;
margin-top: 50px;
margin-left: 250px;
}
legend{
       color: #9133B0;
       font-size: 1.5rem;
       background: white;
       border-radius: 25px;
       padding: 2px 10px;
}