body {
  background-color:var(--background-color);
  text-align:center;
  margin: 0;
  margin-top:calc(max(40vh - 350px, 20px));
}
div {
  width: calc( max(40%, 280px) );
  margin: auto;
}


input{
  height:30px;
}

input, textarea{
  width:max(35%,280px);
}

textarea{
  height:90px;
}

.error-message {
  color: red;
  font-weight: bold;
  margin-left:0px;
  margin-top:11px;
  margin-bottom:11px;
  animation: ErrorFadeIn 0.5s ease;
}

@keyframes ErrorFadeIn {
  from { opacity: 0; transform: translateY(-4px);}
  to   { opacity: 1; transform: translateY(0px);}
}

.error-spacer {
  animation: HrFadeOut 0.9s ease;
  position:fixed;
}

@keyframes HrFadeOut {
  from { opacity: 1;}
  to   { opacity: 0;}
}

p, h2 {
  text-align: left;
  margin:0px;
  white-space: nowrap;
}

#contact_info { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }