form {
  padding: 1em;
  display: flex;
  flex-direction: column;
  gap: 1.5em; }
  form .form-field {
    display: flex;
    flex-direction: column;
    gap: 0.25em; }
    form .form-field label {
      font-weight: bold;
      color: #5d5d5d; }
    form .form-field input, form .form-field select {
      font-size: 21px;
      height: 2em;
      padding: 0.25em 0.5em;
      border-radius: 8px;
      border: 0.5px solid darkgray;
      border-bottom: 1px solid darkgray;
      color: darkblue; }
    form .form-field select[multiple] {
      height: auto;
      padding: 0.25em 0; }
      form .form-field select[multiple] option {
        padding: 0.5em;
        color: #29293f; }
    form .form-field div.description {
      color: #6e6e6e;
      font-size: 14px; }
  form .form-field:not(.stretched) {
    align-items: flex-start; }
  form .form-buttons {
    display: flex;
    justify-content: flex-end; }
    form .form-buttons button {
      font-size: 21px;
      font-weight: bold;
      height: 2em;
      border-radius: 8px;
      border: none;
      background-color: #6da1fe;
      color: white;
      padding: 0.25em 1em; }
    form .form-buttons button:hover {
      background-color: #5d88f5; }