body{
background: #000000;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 12%, rgba(110, 50, 50, 1) 47%, rgba(0, 0, 0, 1) 75%);
color: white;
font-family: "DM Serif Display";
font-size: 1.5rem;
}
h1, h2{
    font-size: 3.15rem;
    text-align: center;
}
h2{
    font-size: 1.5rem;   /* poznámka */
}
div{
max-width: 1200px;
margin: auto;
border: 4px solid white;
background: rgba(0,0,0,0,0.33); /*rgba(255,255,255,0.45) */
border-radius: 25px 25px 25px 25px;
padding-bottom: 20px;
}
p{
margin: 10px;
font-style: italic;
}
p img{float: left; border: 5px solid white; rotate: 5deg; margin: 10px;}

p img:hover{border: 5px solid orange;}
 
p a{color: lightblue;}
p a:hover{color: darkblue;
      text-decoration: none;}
fieldset{border: 1px dotted white;
border-radius: 25px;
width: 50%;
margin-left: 250px;}
legend{
color: yellow;
font-size: 1.5rem;
background: lightyellow
border-radius: 25px;
padding: 2px 5px;}