.wrapper {
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 21.875rem;
  width: 100%;
  background: #fff;
  padding: 1.563rem;
  border-radius: 0.313rem;
  box-shadow: 0.25rem 0.25rem 0.125rem #009ce6;
  margin-top: 20rem;
}

.wrapper h2 {
  text-align: center;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.188rem;
  color: #332902;
}

.wrapper .input_field {
  margin-bottom: 0.625rem;
}

.wrapper .input_field input[type="text"],
.wrapper textarea {
  border: 0.063rem solid #e0e0e0;
  width: 100%;
  padding: 0.625rem;
}

.wrapper textarea {
  resize: none;
  height: 80px;
}

.wrapper .btn input[type="submit"] {
  border: 0px;
  margin-top: 0.938rem;
  padding: 0.625rem;
  text-align: center;
  width: 100%;
  background: #009ce6;
  color: #332902;
  text-transform: uppercase;
  letter-spacing: 0.313rem;
  font-weight: bold;
  border-radius: 1.563rem;
  cursor: pointer;
}

#error_message {
  margin-bottom: 1.25rem;
  background: #fe8b8e;
  padding: 0px;
  text-align: center;
  font-size: 0.875rem;
  transition: all 0.5s ease;
}