#contactForm{
    /* background-color: antiquewhite; */
    /* margin-top: 20%; */
}

.hp {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }

.form-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 0.75rem;
  margin-top: 2%;
  margin-bottom: 2%;
}

.form-row > label{
    font-family: 'Epilogue', 'Roboto', sans-serif;
    font-size: 16px;
}

.form-row > input, .form-row > textarea{
    padding: 10px;
    background-color: gray;
    font-size: 15px;
    color: white;
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.form-row > textarea {
  resize: vertical;
}

.submit-button {
  margin-top: 2%;
  align-self: flex-start;
  padding: 0.6rem 1.2rem;
  background-color: rgb(94, 76, 94);
  color: white;
  border-radius: 30px;
  font-size: 18px;
  font-family: 'Epilogue', 'Roboto', sans-serif;
  border: 3px solid white;
  transition: background-color 1s, transform 80ms, box-shadow 80ms;
}

.submit-button:hover{
    background-color: rgb(102, 110, 117);
    /* transition-duration: 1s; */
}

.submit-button:active {
  background: #2980b9;
  transform: translateY(4px);
  box-shadow: 0 1px #666;
}



/* #contactForm > label > span{
    margin-right: 5%;
    min-width: 500px;
}  */

#contactForm > label > input{
    
}


@media (max-width: 480px) {
  .form-row {
    grid-template-columns: 1fr;
  }

  label {
    margin-bottom: 0.25rem;
  }
}