@font-face {
  font-family: SquarePeg;
  src: url('./SquarePeg-Regular.ttf');
}

.container {
  //background: url('/floral3.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 52rem;
  display: flex;
}

.main {
  margin: 0 auto;
  max-width: 40rem;
  padding: 1em;
}

.main form {
  display: flex;
  flex-direction: column;
  accent-color: #006141;
  padding-bottom: 5rem;
}

.main form p {
  font-style: italic;
}

.fieldContainer {
  margin: 0.5em 0;
}

.fieldName {
  font-size: 1.2em;
  font-weight: 400;
}

.error {
  height: 2em;
  color: #940000;
}

.main label {
  display: flex;
  flex-direction: column;
}

.main input {
  border: 0;
  border-bottom: 0.15rem dotted #333;
  font-size: 2rem;
  font-family: SquarePeg, sans-serif;
  padding: 0.2em;
  background: none;
}

.main input:focus-visible {
  outline: 0.1em solid #00614166;
}

.yesNoField div.options {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.yesNoField input {
  appearance: none;
  border: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
}
.yesNoField label {
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  padding: 0.5em;
  min-width: 8em;
  text-align: center;
}
.yesNoField label:hover {
  text-decoration: underline;
}
.yesNoField .touched label {
  text-decoration: line-through;
  color: darkgray;
}
.yesNoField .touched label.selected {
  color: black;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 538.84 131.05'%3E%3Cpath d='M263.68 6.09A952.74 952.74 0 0 0 79.14 18.47C58.23 21.94 37.18 26.19 18 35.23c-7.38 3.48-15.14 8.59-16.72 16.59-1.27 6.46 1.96 13 6.14 18.09 8 9.73 19.41 15.98 30.85 21.26 59.66 27.57 126.51 35.11 192.17 37.8 83.4 3.41 167.82-.55 248.5-21.97 14.74-3.91 29.51-8.48 42.53-16.43 6.6-4.03 12.99-9.33 15.38-16.68 2.62-8.07-.25-17.16-5.58-23.75-5.33-6.6-12.8-11.09-20.38-14.9-19.96-10.05-41.64-16.31-63.54-20.77-42.82-8.72-86.7-10.68-130.37-12.22-39.65-1.4-79.44-2.46-118.91 1.5-45.32 4.54-92.25 16.96-124.78 48.82' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-width:0.2rem;'/%3E%3C/svg%3E");
}
.yesNoField div.options > span {
  font-size: 2em;
  line-height: 1.5em;
}

.main form button {
  background: none;
  font-size: 2em;
  font-family: ivypresto-display, serif;
  font-weight: bold;
  border: 0.1em solid #333;
  margin: 1em auto;
  padding: 0 2em;
  transition: 0.2s;
}
.main form button:hover {
  background: black;
  color: white;
}