.error-message.svelte-1o1wvcj {
    color: red;
    font-weight: bold;
    margin-top: 0.5rem;
  }

  .content.svelte-1o1wvcj {
    width: 100%;
    justify-self: center;
    padding-top: 6rem;
  }

  img.svelte-1o1wvcj {
    padding-bottom: 3rem;
  }

  form.svelte-1o1wvcj {
    display: flex;
    flex-direction: column;
    justify-self: center;
    gap: 1rem;
    width: 100%;
  }

  input.svelte-1o1wvcj {
    padding: 0.5rem;
    border: 1px solid var(--cyan);
    border-radius: 12px;
    color: black;
  }

  input.svelte-1o1wvcj:focus {
    outline: 1px solid var(--green-blue);
  }

  /* (unused) .checkbox {
    padding-left: 1rem;
  }*/

  /* (unused) .checkbox label {
    padding-left: 0.5rem;
  }*/

  button.svelte-1o1wvcj {
    background-color: var(--green-blue);
    color: var(--white);
    border-radius: 12px;
    padding: 0.5rem;
    font-weight: bold;
  }

  button.svelte-1o1wvcj:hover {
    background-color: var(--white);
    color: var(--green-blue);
    border: 1px solid var(--green-blue);
  }

  @media (min-width: 600px) {
    .content.svelte-1o1wvcj {
      width: 80%;
    }

    button.svelte-1o1wvcj {
      padding: 0.5rem 4rem;
      align-self: flex-end;
    }
  }

  @media (min-width: 900px) {
    .content.svelte-1o1wvcj {
      width: 40%;
    }

    form.svelte-1o1wvcj {
      width: 80%;
    }

    button.svelte-1o1wvcj {
      padding: 0.5rem 2rem;
      align-self: flex-end;
    }
  }