form {
  display: grid;
  max-width: 400px;
  margin: 0 auto;
}

form input,
form textarea {
  margin-bottom: 1rem;
  padding: var(--secondary-padding);
  font-size: large;
}

form button {
  background-color: var(--tertiary-color);
  color: var(--text-tertiary-color);
  border: none;
  padding: 0.75rem;
  cursor: pointer;
}

form button:hover {
  background-color: var(--primary-color);
  color: var(--text-primary-color);
}

.form-placeholder {
  max-width: 400px;
  margin: 2rem auto;
  padding: 2rem;
  border: 2px dashed #ccc;
  text-align: center;
  background-color: #f9f9f9;
}

.form-placeholder p {
  margin: 0.5rem 0;
}

/* Google Forms iframe styling */
iframe {
  width: 100%;
  min-height: 600px;
  border: none;
  margin: 1rem 0;
}