change the font

login/resources/css/login.css

@@ -1,12 +1,17 @@
 /* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
    This clashes with the "keycloak-bg.png' background defined on the body below.
    Therefore the Patternfly background must be set to none. */
+@font-face {
+    font-family: "perfect-dos";
+    src: url("../fonts/perfect_dos_vga.woff");
+}
+
 .login-pf {
     background: none;
 }
 
 .login-pf body {
-    color: #a3a1a4;
+    background: #a3a1a4;
 /*    background: url("../img/bg.jpg") no-repeat center center fixed;
     background-size: cover;
     height: 100%;
@@ -480,6 +485,8 @@ ul#kc-totp-supported-apps {
 }
 
 .card-pf {
+    background: #fefefe;
+    font-family: "perfect-dos";
     margin: 0 auto;
     box-shadow: var(--pf-global--BoxShadow--lg);
     padding: 0 20px;