body{
background-image: url(bground.jpg);
background-size: cover;
background-attachment: fixed;
display: flex;
flex-direction: column;
justify-content: center;  
}


header{ 
font-size: 4vw;
text-align: center; 
}

main { 
background-color: black;
align-self: center;
text-align: center; 
margin: 30px;
padding: 20px;
width: 90%;
}

#stupid {
    width: 25%; 
}

h1{ 
border-style: groove; 
border-color: black; 
border-width: 6px; 
background-color: hsla(52, 100%, 50%, 0.5); 
margin: 0 5% 0 5%; 
text-align: center;  

}

h2 {
font-family: cotton;
font-size: 110%;
margin: 5pt;
text-align: center; 
}

h3 {
font-family: mr-eaves-sans;
margin: 5% 0% 1% 0%
}

#h {
 background-color: black;
color: #ffff; 
align-self: center;
margin: 30px;
padding: 40px;
width: 50%;
font-size: 190%;
font-family:  mr-eaves-sans;
    
}

 textarea { 
border-style: solid;
border-color: #ffff;
background-color: #0000;
color: #ffff;
font-size: 60%; 
width: 80%;
resize: none;
}

#mes {
    padding: 1% 0% 20% 2%
}