body {
   height: 100%;
   display: flex;
   flex-direction: column;
}

footer {
    align-self: flex-end;
}

#main {
  max-width: 980px;
  margin: auto;
  padding: 2rem 0;
}


#main form {
    box-shadow: 6px 6px 0 0 var(--primary);
    background: color-mix(in lch, white, black 3%);
}

#main form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}