input[type=text], input[type=email], select {
  width: 100%;
  padding: 10px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #f0b42f;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #fd9729;
}

div.form {
  border-radius: 5px;
  background-color: #fff /*#aab6c3;*/
  padding:  0px 20px 20px 20px;
}

label {
	font-weight: 900;
}

div.form p {
	padding-top: 10px;
	padding-bottom: 10px;
}

form {
	background-color: #fff;
}







.form-card {
  background: var(--paper);
  /*border: 3px solid #000;*/
  border-radius: 22px;
  /*padding: 34px 32px;*/
  max-width: 840px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 22px;
  margin-bottom: 26px;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}



.field-label {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .05em;
  text-transform: uppercase;
  opacity: .7;
}

.form-card input, .form-card textarea {
  font-family: inherit;
  font-size: 16px;
  padding: 13px 15px;
  border: 2px solid #000;
  border-radius: 4px;
  background: #fff;
  width: 100%;
  resize: vertical;
}

.form-card textarea {
  padding: 13px 15px;
  width: auto;
}

.field-full {
  grid-column: 1 / -1;
}

.btn {
	padding: 10px;
	border: 2px solid #000;
	border-radius: 4px;
	background-color: var(--redish);
	text-transform: uppercase;
	font-weight: 700;
}

.btn:hover {
	background-color: var(--yellow);
}