add blackjack login/register front

public/assets/css/oof.css

@@ -58,6 +58,11 @@ body {
     text-shadow: 4px 0px var(--teal);
 }
 
+.typebox {
+  margin-top: 2%;
+  margin-bottom: 2%;
+}
+
 #sbody {
   font-size: 15px;
     margin-left: 5px;
@@ -103,6 +108,31 @@ body {
   
 }
 
+#bjlogin {
+  margin: 0 auto;
+  margin-left: auto;
+  margin-right: auto;
+  text-align:center;
+}
+
+#bjmenu {
+  margin-bottom: -2px;
+}
+
+#tab1bj {
+  margin-right: 2px;
+}
+
+.bjbuttons {
+  margin: 2px;
+}
+
+#mainbj {
+  padding-bottom: 2%;
+  border: 1px solid black;
+  background-color: #F3F3EF;
+}
+
 #ws:link {
   text-decoration: none;
   color: inherit;

public/assets/css/xp.css

@@ -549,7 +549,7 @@ legend {
 
 menu[role=tablist] {
     position: relative;
-    margin: 0 0 -2px;
+    margin: 0 0 0;
     text-indent: 0;
     list-style-type: none;
     display: flex;
@@ -557,6 +557,7 @@ menu[role=tablist] {
 }
 
 menu[role=tablist] button {
+    background: #d0d0bf;
     z-index: 1;
     display: block;
     color: #222;
@@ -565,19 +566,10 @@ menu[role=tablist] button {
 }
 
 menu[role=tablist] button[aria-selected=true] {
-    padding-bottom: 2px;
-    margin-top: -2px;
-    background-color: #ece9d8;
     position: relative;
     z-index: 8;
-    margin-left: -3px;
-    margin-bottom: 1px
 }
 
-menu[role=tablist] button:focus {
-    outline: 1px dotted #222;
-    outline-offset: -4px
-}
 
 menu[role=tablist].justified button {
     flex-grow: 1;
@@ -1004,14 +996,8 @@ legend {
 }
 
 menu[role=tablist] button {
-    background: linear-gradient(180deg, #fff, #fafaf9 26%, #f0f0ea 95%, #ecebe5);
-    margin-left: -1px;
-    margin-right: 2px;
-    border-radius: 0;
-    border-color: #91a7b4;
-    border-top-right-radius: 3px;
-    border-top-left-radius: 3px;
-    padding: 0 12px 3px
+    padding: 0 12px 3px;
+    border-bottom: 1px solid #F3F3EF;
 }
 
 menu[role=tablist] button:hover {
@@ -1021,23 +1007,17 @@ menu[role=tablist] button:hover {
 }
 
 menu[role=tablist] button[aria-selected=true] {
-    border-color: #919b9c;
-    margin-right: -1px;
-    border-bottom: 1px solid transparent;
+    background: #F3F3EF;
     border-top: 1px solid #e68b2c;
-    box-shadow: inset 0 2px #ffc73c
+    box-shadow: inset 0 2px #ffc73c;
+    border-bottom: 1px solid #F3F3EF;
 }
 
 menu[role=tablist] button[aria-selected=true]:first-of-type:before {
     content: "";
     display: block;
     position: absolute;
-    z-index: -1;
-    top: 100%;
-    left: -1px;
-    height: 2px;
     width: 0;
-    border-left: 1px solid #919b9c
 }
 
 ul.tree-view {