.honeypot {
      position: absolute;
      left: -9999px;
}

.page-landing {
      padding-top: 3rem;
}

.participate-form {
      display: grid;
      grid-template-rows: auto;
      gap: 4rem;
      margin-bottom: 10rem;
      margin-top: 4rem;
}

.content-form {
      background-color: var(--c-white);
      position: relative;
      z-index: 3;
}

.introtext {
      position: relative;
      z-index: 3;
}

.form-title {
      padding: 2rem 1.5rem;
      display: flex;
      justify-content: space-between;
      color: var(--c-red);
}

.form-element {
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      gap: .5rem;
}

.form-text {
      padding: 1.5rem;
      color: var(--c-red);
}

.form-element label {
      color: var(--c-red);
      margin-left: .5rem;
}

.form-element input {
      border: 1px solid var(--c-red);
      width: 100%;
      border-radius: 3rem;
      padding: 1rem 1.5rem;
      color: var(--c-red);
}

.form-element input#submit {
      background-color: var(--c-red);
      color: var(--c-white);
      border: var(--c-red);
      cursor: pointer;
}

.form-element select {
      border: 1px solid var(--c-red);
      width: 100%;
      border-radius: 3rem;
      padding: 1rem 3rem 1rem 1.5rem;
      color: var(--c-red);
}

input[type="file" i]::-webkit-file-upload-button {
      background-color: var(--c-red);
      border-radius: 2rem;
      padding: .125rem .75rem;
      border: none;
      color: white;
      cursor: pointer;
}

input[type="file" i]::-webkit-file-upload-button:hover {
      background-color: var(--c-black);
}

input[type="submit" i]:hover {
      background-color: var(--c-black) !important;
      border: var(--c-black);
}

@media screen and (min-width: 720px) {

      .participate-form {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 4rem 0;
      }

      .form-element input {
            border: 2px solid var(--c-red);
      }

      .form-element select {
            border: 2px solid var(--c-red);
      }

      .general {
            grid-column: 3 / span 2;
            grid-row: 1;
      }

      .pdf-upload {
            grid-column: 1 / span 2;
            grid-row: 2;
      }

      .image-upload {
            grid-column: 3 / span 2;
            grid-row: 3;
      }

      .send {
            grid-column: 1 / span 2;
            grid-row: 4;
      }

}

@media screen and (min-width: 1024px) {

      .participate-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
      }

      .participate-form {
            grid-column: 1 / span 2;
      }
}