.container {      display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 100px 1fr 40px; 
    gap: 0px 0px; 
    grid-template-areas: 
      "header"
      "content"
      "footer"; 
    height: 100%; 
    font-family: 'Gothic A1', sans-serif;
    max-width: 1000px;
    margin: 0px auto;
  }
  
  .header { grid-area: header; text-align: center; }
  
.header .logo { 
    width: 250px;
}

  .content { grid-area: content; background-color:#cecabb ; padding: 10px; }
  
  .footer { grid-area: footer; background-color: #165e6f; color: #FFF; text-align: center; padding: 10px; }
  
.input {
    margin-bottom: 10px;
}
    .input span {
        display: block;
    }

    .input input, .input textarea, input[type='submit'] {
        border: solid 1px #777777;
        padding:5px;
        background-color: #FFF;
        width: 100%; 
    }

input[type='submit'] {
    text-align: center;
}

::placeholder {
    color:#cecabb;
}