*box{box-sizing: border-box;}


body{background-color:#034338;
   
     padding: 100px;}

h1{text-align: center;
line-height: 100%}

h3{text-align: center;
line-height: 100%}




#wrapper{background-image: linerar-gradient(to bottom, #034338);
          background-repeat: no-repeat;
		  background-color: #cae7df;}
		  

	  header{border-bottom: 3px solid; 
	         color: #034338;}

	 
header a {text-decoration: none;}

header a:link {color:#ffffff;}
header a:visited {color:#ffffff;}
header a:hover {color:#ffffff;}


div{border-top: 5px;
    padding: 10px;
line-height: 20px;}

label {grid-column:1/2;}
input, textarea{grid-column: 2/5;}


form {margin: auto;
display: grid;
gap: 5px;
display: grid-template-rows: auto;
 grid-template-columns: 8em 5em 5em 1fr;}
		input[type="submit"] {grid-column: 2/3;
		                      width:9em;}		

form {display:flex;
flex-flow: column nowrap;}

input, textarea {margin-bottom: 0.5em;}



footer {
color:#034338;
font-style: italic;
text-align: center;
line-height: 20px;
padding-bottom: 5px;
padding-top:5px;
}