Styling for login page

1. Color override
2. Borders override

Still to complete: button and font. Sign in to alignment. Lumbung.Space
logo.

lumbung.space/login/messages/messages_en.properties

@@ -22,7 +22,7 @@ kerberosNotConfiguredTitle=Kerberos Not Configured
 bypassKerberosDetail=Either you are not logged in by Kerberos or your browser is not set up for Kerberos login.  Please click continue to login in through other means
 kerberosNotSetUp=Kerberos is not set up.  You cannot login.
 registerTitle=Register
-loginAccountTitle=Sign in to lumbung.space
+loginAccountTitle= sign in to
 loginTitle=Sign in to {0}
 loginTitleHtml={0}
 impersonateTitle={0} Impersonate User

lumbung.space/login/resources/css/login.css

@@ -13,9 +13,6 @@ a {
         border:2px solid black;
         max-width:500px;
         margin:auto;
-        box-shadow:1em 1em 0 #d2d1c8;
-        background-color: #fff09d;
-        transform: rotate(-1deg);
         margin-top: 2em;
 }
 
@@ -23,29 +20,25 @@ a {
     display: flex;
 }
 
-.card-pf #kc-content #kc-content-wrapper {
-  padding: 1em;
-
-}
+/* .card-pf #kc-content #kc-content-wrapper { */
+/*   padding: 1em; */
+/*  */
+/* } */
 
 /*Login form */
 
 .login-pf-header {
-  border-bottom: 2px solid black;
+  background-color: #BCE1D1;
+  height: 3.6em;
 }
 
 
 #kc-page-title {
-  border-right: 2px solid black;
   margin: 0;
-  padding: 0.2em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
   font-size: 1em;
   display: inline-block;
-  text-transform: uppercase;
-
-
+  height: 100%;
+  vertical-align: bottom;
 }
 
 #kc-form-wrapper {
@@ -63,7 +56,6 @@ a {
 .form-group {
   font-size: 14px;
   margin: 10px auto;
-  border:2px solid #0e0e22;
   width: 440px;
   display: flex;
   flex-direction: column;
@@ -91,17 +83,19 @@ a {
 }
 
 #kc-form-buttons {
-  margin: 0;
-  align-self: end;
-  margin-top: 1em;
-  }
+  all: unset;
+  width: 100%;
+  height: 2em;
+  align-self: center;
+  background-color: #AFAFAF;
+  border-top: 2px solid black;
+}
 
 .pf-c-form-control {
   border: none;
   padding: 5px 5px 5px 5px;
-  border-top: 2px solid black;
+  border: 2px solid black;
   flex-grow: 1;
-
 }
 
 /*OTP Login*/
@@ -190,13 +184,6 @@ div#kc-username:before{
 
 @media screen and (max-width: 530px) {
 
-
-.card-pf {
-    transform: initial;
-    box-shadow: unset;
-    width: 100%;
-}
-
 #kc-page-title {
   border: unset;
 }
@@ -205,5 +192,3 @@ div#kc-username:before{
     margin: unset;
     margin-bottom: 1.5em;
 }
-    .......
-}