#problem-report {
  max-width: 85%;
  margin: 0 auto;

  & .title {
    font-weight: bold;
    font-size: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-family: var(--totem-font-title);
  }

  & .form-group {
    display: flex;
    flex-direction: column;
  }

  & label {
    font-weight: bold;
    margin: 1.5rem 0 0.3125rem 0;
  }

  & button {
    padding: 0.625rem 1.25rem;
    border: none;
    cursor: pointer;
    margin-right: 0.625rem;
    /* background-color: var(--totem-color-page-bg); */

    &:last-child {
      margin-right: 0;
    }

    &[type="submit"] {
      background-color: var(--totem-color-highlight-color);
      color: var(--totem-color-text-on-highlight);
      font-size: 1rem;
      border-radius: 1.25rem;
    }
  }

  & .error {
    color: red;
    font-size: 0.75rem;
    margin-top: 0.3125rem;
  }

  & .button {
    display: flex;
    flex-direction: row;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    gap: 1.5rem;
  }

  & svg.back-icon {
    margin-right: 0.625rem;
    margin-bottom: 0.25rem;
  }
}

#id_problem_details, #id_url {
  color: var(--totem-color-text-on-primary-1);
  background-color: var(--totem-color-page-bg);
  border-color: var(--totem-color-text-on-primary-1);
}

.landing-page {
  margin: 10vh;
  border: 1px solid black;
  padding: 100px;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 15px;
  align-items: center;
}