remove kcwrapper elements, improve register form, handle narrow screens

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

@@ -4,9 +4,13 @@ body {
   font-family: sans-serif;
   
 }
+a {
+    color: #1B4C8A;
+ }
+
 
 .card-pf {
-        border:2px solid #0e0e22;
+        border:2px solid black;
         max-width:500px;
         margin:auto;
         box-shadow:1em 1em 0 #d2d1c8;
@@ -84,35 +88,38 @@ body {
   }
 
 .pf-c-form-control {
-border: none;
-padding: 5px 5px 5px 5px;
-border-top: 2px solid black;
-flex-grow: 1;
+  border: none;
+  padding: 5px 5px 5px 5px;
+  border-top: 2px solid black;
+  flex-grow: 1;
+
 }
 
 /*Login form + options*/
 
 #kc-info {
-    border-top: 2px solid black;
     padding: 0.5em;
-    font-size: 1rem;
+    font-size: 14px;
 }
 
 .pf-c-form__helper-text {
     display: block;
-    width: 100%;
     border-top: 2px solid black;
     text-align: right;
     padding-right: 1em;
     padding: 0.2em;
 }
 
+.required{
+  background-color: salmon;
+}
+
 /*Register form*/
 
 #kc-register-form {
-    margin-left: 3em;
-    margin-right: 3em;
-    margin-top: 1.5em;
+    margin-left: 1em;
+    margin-right: 1em;
+    margin-top: 1em;
     margin-bottom: 1.5em;
 }
 
@@ -121,4 +128,52 @@ flex-grow: 1;
 #instruction1 {
     margin: 2em;
     font-size: 1rem;
+}
+
+#input-error {
+    border-top: 2px solid black;
+    width: 100%;
+    padding: 0;
+        padding-top: 0px;
+        padding-bottom: 0px;
+    display: inline-block;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+    text-align: center;
+}
+
+/* Reset */
+
+.pf-c-alert__title .kc-feedback-text{
+  font-size: 14px;
+}
+
+/* Register */
+
+
+.pf-c-form__helper-text .pf-m-error .required .kc-feedback-text{
+  border-top: 2px solid black;
+}
+
+
+/* media queries */
+
+@media screen and (max-width: 530px) {
+
+
+.card-pf {
+    transform: initial;
+    box-shadow: unset;
+    width: 100%;
+}
+
+#kc-page-title {
+  border: unset;
+}
+
+#kc-register-form {
+    margin: unset;
+    margin-bottom: 1.5em;
+}
+    .......
 }