*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}
body {
     height: 100vh;
     min-height: 500px;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
.email-form {
	padding: 10px 20px;
    border: 1px solid black;
    /* margin: 0 20px; */
    /* margin-left: 20px; */
    width: 100%;
    max-width: 500px;
}
.email-form > *{
    display: block;
    margin: 2px 2px 2px 2px;
}
.email-form__text {
    width: 100%;
    padding: 10px;
}
.email-form__textarea {
    width: 100%;
    padding: 10px;
    height: 120px;
    resize: none;
}
.email-form__math {
    width: 10%;
    padding: 10px;
}
.email-form__top-msg {
    text-align: center;
}
.email-form__top-msg--err {
    color: red;
}
.email-form__top-msg--success {
    color: green;
}
.email-form__err-msg {
     color: red;
}
.email-form__submit {
     padding: 10px;
     margin: 4px auto;
}
/* set conssistent form styling across browsers */
button, input, select, textarea {
     font-family: inherit;
     font-size: 100%;
}