html {
    user-select: none;
}

* {
    outline: none;
}

#root {
    white-space: pre-line;
}

/* page covering 100% of the screen */
html, body, #root {
  height: 100%;
  /* margin: 0; */
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Full viewport height */
}

main {
  flex: 1; /* Pushes footer to bottom */
}
/* page covering 100% of the screen */

h3 {
    color: var(--Primary, #5F71FE);
    font-family: "Segoe UI";
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

/* autofill */

input:-webkit-autofill,
textarea:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted],
textarea[data-autocompleted] {
    background-color: transparent !important;
    /* color: #7A7A7A !important; */
}