body{ /*je celé tělo webové stránky - styl pro celou stránku*/ 
background: #ff0303; 
background: radial-gradient(circle,rgba(255, 3, 3, 1) 0%, rgba(0, 0, 0, 1) 100%); 
color: white; /*Určuje barvu textu*/ 
font-family: "Fraunces"; /*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; /* velikost nadpisu druhé úrovně */ 
}
 div { 
max-width: 1200px; 
margin: auto; border: 5px solid white; 
background: rgba(0,0,0,0.33); 
border-radius: 0 44px 0 44px; 
padding-bottom: 120px; 
overflow: hidden;
 } 
p { /*znamená odstavec (paragraph). Styl tedy platí pro všechny odstavce na stránce.*/ 
    margin: 15px; 10px  /*Vytvoří vnější mezeru kolem odstavce*/ 
    font-style: normal /*Určuje styl písma*/
    text-align: justify;
    hyphens: auto;
 } 
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: 10px; /*Vytvoří mezery kolem obrázku, aby nebyl nalepený na text.*/ 
} 
p img:hover { /*:hover Aktivuje se když: najedeš myší na prvek*/ 
     border: 5px solid black; 
} 
p a{ /*Styl pro odkazy uvnitř odstavce. a = HTML tag pro odkaz (link).*/ 
     color: red; 
     text-decoration: underline;
}
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: black; 
text-decoration: none; 
} 
fieldset{ 
     border: 1px 
     dotted white; 
     border-radius: 20px; 
     width: 50%; 
}

legend { 
color: darkred; 
font-size: 1.5rem; 
background: white; 
border-radius: 25px; 
padding: 2px 10px; 
}