.login-pf body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.5s ease-in-out;
    /* Replace 'YOUR_UNSPLASH_IMAGE_LINK' with the actual Unsplash image link */
    background-image: url('https://source.unsplash.com/collection/2373494/backgrounds');
}

.login-pf-page .login-pf-header h1 {
    background: #618c36 !important;
}

.pf-c-button.pf-m-primary {
    background: #618c36 !important;
}

div#kc-registration span a:hover {
    background: #83b451;
}

#kc-header {
    background: #ffffff;
}

.app-logo {
    background-color: gray;
    background-image: url(logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 320px; /* Adjust the width and height as needed */
    height: 100px;
}

.login-pf-page .login-pf-page-header p::before {
    content: "Our stuff.";
}

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

.login-sub-heading::before {
    content: "Create, tend and grow your trees of wonder and promise.";
}

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

.register-main-title::before {
    content: "Create your account";
}
.register-sub-heading::before {
    content: "Join and start planting your trees in Amalati!";
}