body {
background: linear-gradient(#000000,#C8C6C4,#000000); opacity: 80%;
padding: 2em;
font-size: 100%;
font-family: serif;
}

h1 {
color: white;
text-align: center;
background-color: #000000; opacity: 95%;
border: solid 7px white;
border-radius: 15px;
padding: 1em;
width: 50%;
margin: auto auto auto auto;
}

h2 {
color: white;
text-align: center;
background-color: #000000; opacity: 95%;
border: solid 3px white;
border-radius: 15px;
padding: 1em;
width: 25%;
margin: auto auto auto auto;
} 

h3 {
border: solid 3px black;
border-radius: 15px;
padding: 0.5em;
margin: 1em;
}

article {
margin: 1em;
background-color: #6D071A;
border: solid 3px black;
border-radius: 15px;
padding: 1em;
}

label {
color: white;
background-color: #000000;
border: solid 3px white;
border-radius: 30px;
padding: 0.5em;
margin: 2em;
}

fieldset {
background-color: #C8C6C4;
text-align: center;
margin: 2em;
padding: 1em;
border: solid 1px black;
border-radius: 15px;
font-weight: bold;
}

legend {
color: white;
background-color: #000000;
}

input {
margin-top: 0.5rem;
text-align: center;
}

input::placeholder {
font-weight: bold;
opacity: 0.5;
color: #001D00;
}

p {
color:  black;
text-align: center;
background-color: #6D071A; opacity: 95%;
border: solid 3px black;
border-radius: 30px;
padding: 0.5em;
font-family: serif;
margin: 1em auto;
width: 75%;
}