body { font-family: Verdana, Arial, sans-serif; background-image: linear-gradient(to bottom, #32CD32 20%, #000000 60%, #32CD32 100%); 
    background-repeat: no-repeat;}
header { background-color: #000000; color: #FFFFFF; font-family: Georgia, serif; height: 72px;}
h1 { text-align: center; padding-top: .5em;}
h2 { color: #32CD32; font-family: Georgia, serif; text-align: center;}
h3 { font-family: Georgia, serif}
nav { font-weight: bold; text-align: center; padding-top: .5em; padding-right: .5em; padding-bottom: .5em;}
footer { font-size: .70em; font-style: italic; text-align: center; padding: 1em;}
#wrapper { width: 80%; margin-right: auto; margin-left: auto; background-color: #FFFFFF; min-width: 960px; max-width: 2048px;
    box-shadow: 3px 3px 3px #777; margin-left: auto;}
main { padding-left: 2em; padding-right: 2em;}
#webhero { height: 300px; background-image: url(design2.jpeg); background-size: 100% 100%; background-repeat: no-repeat;}
nav a { text-decoration: none;}
form {background-color: #CCCCCC; display: flex; flex-direction: column; padding-left: 1em; width: 50%;}
input, textarea { margin-bottom: .5em; border: 1.5px solid #B0B0B0;}
input[type="submit"] { background-color: #FFFFFF; width: 9em;} 
input[type="number"] { width: 40%;}