header { background-color: #CCCC99;
         padding-top: 1em;
          text-align: center; 
          font-size: 130%; }

body { background-color: #00FFCC; 
       background-image: linear-gradient(to bottom, #FFFFFF, #00FFCC); 
       background-repeat: no-repeat; }

#line { text-decoration: line-through; }

h2 {padding-left: 0.5em; }

main {background-color: #CC9933; }

footer {background-color: #CCCC99;
        padding: 2em; }
h3 {padding-left: 3em;}

#wrapper { width: 85%;
           background-color: white;
           
           margin-left: auto;
           margin-right: auto;
           display: grid;
           grid-template-columns: 150px auto;
           grid-template-rows: 160px; auto auto; }
header { grid-row: 1 / 2 ; grid-column: 1 / 3; }
nav { grid-row: 2 /3; grid-column: 1/2 ; }
main { grid-row: 2/3; grid-column: 2/3 ; }
footer { grid-row: 3/4; grid-column: 1 / 3; }

form { display: grid;
       grid-template-rows: auto; 
       grid-template-columns: 6em 1fr;
       padding: 2em;
       grid-gap: 1em;
       max-width: 20em; }
label { font-weight: bold; }

input[type="submit"] { grid-colum: 2/3;  
                       width: 10em;
                       margin-left: 0;}