.login .page {
    background-image: url("../images/tl-login-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh
}

.login .signup-subtext {
    font-family: "Red Hat Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none
}

.login button.primary-button {
    background-color: #c700e6;
    border-radius: 48px;
    border: 1px solid #c700e6
}

.login button.primary-button:hover {
    background: #c700e6
}

.login .create-account:hover,
.login .sign-with-apple:hover {
    background: transparent
}

.login .or-span {
    font-family: "Red Hat Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.login .copy-rights {
    color: #fafafa;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .252px;
    margin-top: 50px
}

.login .forgot-password-link a {
    color: #c700e6
}