main > section form {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (width >= 768px) {
    main > section form {
      padding-inline: var(--additional-padding); } }
  main > section form label {
    cursor: pointer; }
  main > section form section {
    display: flex;
    margin-block-end: 1.5rem;
    width: 100%; }
    main > section form section:not(.checkbox-section) {
      flex-direction: column; }
      main > section form section:not(.checkbox-section) label {
        font-size: 1.5rem;
        margin-block-end: 0.25rem; }
    main > section form section.checkbox-section {
      width: 100%;
      justify-content: center;
      align-items: center;
      column-gap: 0.5rem; }
    main > section form section div {
      height: 3rem;
      display: grid;
      align-items: center;
      grid-template-columns: 2.5rem 1fr;
      border: 1px solid var(--action-color-light); }
      main > section form section div.with-button {
        grid-template-columns: 2.5rem 1fr 2.5rem; }
      main > section form section div i, main > section form section div button {
        width: 100%;
        height: 100%;
        background-color: var(--action-color-light); }
        main > section form section div i::before, main > section form section div button::before {
          width: 100%;
          height: 100%;
          color: var(--text-color-on-action-color-light);
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          top: 2px; }
      main > section form section div input:not([type='checkbox']) {
        display: flex;
        align-items: center;
        height: 100%;
        border: none;
        padding-inline: 1rem; }
        main > section form section div input:not([type='checkbox'])::placeholder {
          color: var(--action-color);
          font-style: italic; }
      main > section form section div button {
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center; }
        main > section form section div button svg {
          width: 1.25rem;
          height: 1.25rem; }
    main > section form section input[type='checkbox'] {
      width: 1.25rem;
      height: 1.25rem;
      border: 1px solid var(--action-color);
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0; }
      main > section form section input[type='checkbox']:checked {
        background: var(--action-color) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
    main > section form section p {
      margin: 0;
      font-size: 1rem;
      font-style: italic; }
  main > section form a, main > section form a * {
    font-size: 1.125rem; }
  main > section form button[type='submit'] {
    padding: 0.625rem 2.25rem;
    background-color: var(--action-color);
    color: var(--text-color-on-action-color);
    border: none;
    cursor: pointer; }
main > section > menu {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding-inline: var(--additional-padding);
  font-size: 1.75rem;
  row-gap: 0.25rem; }
  @media (width < 768px) {
    main > section > menu {
      flex-direction: column;
      text-align: center; } }
  main > section > menu li {
    list-style: none; }
    main > section > menu li a, main > section > menu li a * {
      font-size: 1.125rem; }
main > section > p {
  border: 1px solid var(--action-color-light);
  padding: 1rem 1.5rem;
  line-height: 1.4; }
  @media (width >= 768px) {
    main > section > p {
      margin-inline: var(--additional-padding); } }

/*# sourceMappingURL=home.css.map */