/* #region general */

main {
  width: 85%;
  max-width: 1400px;
  margin: 0 auto;
}

.intro {
  margin-top: 4em;
  color: #a115e2;
}

/* #endregion general */

/* #region contact-form */
.contact-form {
  display: flex;
  width: 50%;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}

.sender-message {
  display: flex;
  flex-direction: column;
}

input,
textarea {
  border-radius: 5px;
  line-height: 2;
  width: 100%;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

label {
  color: #7a4419;
}

/* #endregion contact-form */

/* #region feedback */
.feedback {
  visibility: hidden;
  width: 50%;
  margin: 0 auto;
  color: #fff;
  width: 50%;
  line-height: 1.5;
  margin: 0 auto;
  font-size: 2rem;
  border-radius: 10px;
  padding: 0.5em 1em;
  background-image: linear-gradient(to right, #00b4db, #0083b0);
}

/* #endregion feedback */

/* #region media queries */
@media (max-width: 768px) {
  /* contact-form */
  .contact-form {
    width: 80%;
  }

  /* feedback */
  .feedback {
    width: 80%;
  }
}

/* #endregion media queries */