#feedback {
  width: 100%;
  padding: 25px;
  padding-top: clamp(10px, 3vw, 20px);
  display: flex;
  justify-content: center;
  color: var(--text-color);
}
#feedback > div {
  display: block;
  width: 100vw;
  max-width: 700px;
}
#feedback h1, #feedback p {
  margin-left: 20px;
}
#feedback p {
  margin-bottom: 5px;
}
#feedback .form-container {
  background-color: var(--background-darker);
  border-radius: 8px;
  display: block;
  padding: 20px;
  margin-top: 2px;
}
#feedback input, #feedback .btn-warning, #feedback textarea {
  width: 100%;
  margin-top: 10px;
}
#feedback input[name=email] {
  margin-top: 0;
}
#feedback .form-control {
  background-color: var(--background-light);
  border-color: var(--background-darker);
  color: var(--text-color);
}
#feedback .form-control::-moz-placeholder {
  opacity: 0.5;
  color: var(--text-color);
  font-family: "Varela Round", sans-serif;
}
#feedback .form-control::placeholder {
  opacity: 0.5;
  color: var(--text-color);
  font-family: "Varela Round", sans-serif;
}
#feedback .form-control:focus {
  box-shadow: none;
}
#feedback .btn {
  color: var(--text-color);
  background-color: var(--orange);
  border-color: var(--orange);
}
#feedback .btn:hover {
  background-color: var(--orange);
  border-color: var(--orange);
}/*# sourceMappingURL=feedback.css.map */