:root {
      --brandColor: hsl(166, 67%, 51%);
      --background: rgb(247, 247, 247);
      --textDark: hsla(0, 0%, 0%, 0.66);
      --textLight: hsla(0, 0%, 0%, 0.33);
    }

    body {
      background: var(--background);
      height: 100vh;
      color: var(--textDark);
    }

    .field:not(:last-child) {
      margin-bottom: 1rem;
    }

    .register {
      margin-top: 10rem;
      background: white;
      border-radius: 10px;
    }

    .left,
    .right {
      padding: 4.5rem;
    }

    .left {
      border-right: 5px solid var(--background);
    }

    .left .title {
      font-weight: 800;
      letter-spacing: -2px;
    }

    .left .colored {
      color: var(--brandColor);
      font-weight: 500;
      margin-top: 1rem !important;
      letter-spacing: -1px;
    }

    .left p {
      color: var(--textLight);
      font-size: 1.15rem;
    }

    .right .title {
      font-weight: 800;
      letter-spacing: -1px;
    }

    .right .description {
      margin-top: 1rem;
      margin-bottom: 1rem !important;
      color: var(--textLight);
      font-size: 1.15rem;
    }

    .right small {
      color: var(--textLight);
    }

    input {
      font-size: 1rem;
    }

    input:focus {
      border-color: var(--brandColor) !important;
      box-shadow: 0 0 0 1px var(--brandColor) !important;
    }

    .fab,
    .fas {
      color: var(--textLight);
      margin-right: 1rem;
    }

      #pin {
        width: 100px;
        margin-left: auto;
        margin-right: auto;
      }

    .prayer {
      font-weight: 500;
    }

    table {
      width: 100%;
    }

  tr:nth-child(even) {
    background-color: #D6F2FF;
  }

  body {
    background-image: url("https://img.freepik.com/free-vector/dark-luxury-mandala-background_1055-3152.jpg?w=740&t=st=1659539895~exp=1659540495~hmac=b9d6897484416db6b44a1fb8b8a84991857d2c25f57ac0c964785abdcc35330c");
  }

footer {
  padding: 20px;
  background-color: black;
}

footer p,
strong {
  color: ghostwhite
}

foot a

footer a:hover {
  color: crimson;
}