.login-pf-page .login-pf-header h1 {
    background: #ffffff !important;
    color: #000000;
}

.pf-c-button.pf-m-primary {
    background: #16A34A !important;
}

.pf-c-button.pf-m-primary:hover {
    opacity: 0.8;
}

div#kc-registration span a:hover {
    background: #16A34A;
}

#kc-header {
    background: #ffffff;
    color: #000000;
}

.app-logo {
    background-image: url(logo.svg);
    background-position: inherit;
    background-size: contain !important;
}

.login-pf-page .login-pf-page-header p::before {
    content: "Turn Sweat to Cash for Good Causes.";
    color: #000000;
}

.login-main-title::before {
    content: "Login";
}

.login-sub-heading::before {
    content: "Get started.";
}

#new-to-app::before {
    content: "New to Fitness Giving?";
}

.register-main-title::before {
    content: "Create your account";
}
.register-sub-heading::before {
    content: "Join and get sweating!";
}

#kc-header-wrapper::before {
    background: #16A34A !important;
}