diff --git a/public/assets/css/PerfectDOSVGA437Win.woff b/public/assets/css/PerfectDOSVGA437Win.woff
new file mode 100644
index 0000000..b85333a
Binary files /dev/null and b/public/assets/css/PerfectDOSVGA437Win.woff differ
diff --git a/public/assets/css/PerfectDOSVGA437Win.woff2 b/public/assets/css/PerfectDOSVGA437Win.woff2
new file mode 100644
index 0000000..c35964f
Binary files /dev/null and b/public/assets/css/PerfectDOSVGA437Win.woff2 differ
diff --git a/public/assets/css/ms_sans_serif.woff b/public/assets/css/ms_sans_serif.woff
new file mode 100644
index 0000000..a8df7f1
Binary files /dev/null and b/public/assets/css/ms_sans_serif.woff differ
diff --git a/public/assets/css/ms_sans_serif.woff2 b/public/assets/css/ms_sans_serif.woff2
new file mode 100644
index 0000000..83ea806
Binary files /dev/null and b/public/assets/css/ms_sans_serif.woff2 differ
diff --git a/public/assets/css/ms_sans_serif_bold.woff b/public/assets/css/ms_sans_serif_bold.woff
new file mode 100644
index 0000000..44064b3
Binary files /dev/null and b/public/assets/css/ms_sans_serif_bold.woff differ
diff --git a/public/assets/css/ms_sans_serif_bold.woff2 b/public/assets/css/ms_sans_serif_bold.woff2
new file mode 100644
index 0000000..610c091
Binary files /dev/null and b/public/assets/css/ms_sans_serif_bold.woff2 differ
diff --git a/public/assets/css/oof.css b/public/assets/css/oof.css
index 4dffca7..b3c5839 100644
--- a/public/assets/css/oof.css
+++ b/public/assets/css/oof.css
@@ -116,7 +116,7 @@ body {
 }
 
 #bjmenu {
-  margin-bottom: -2px;
+  margin-bottom: -1px;
 }
 
 #tab1bj {
@@ -128,7 +128,7 @@ body {
 }
 
 #mainbj {
-  padding-bottom: 2%;
+  padding: 3%;
   border: 1px solid black;
   background-color: #F3F3EF;
 }
diff --git a/public/assets/css/xp.css b/public/assets/css/xp.css
index 2d8a2db..62a288b 100644
--- a/public/assets/css/xp.css
+++ b/public/assets/css/xp.css
@@ -567,6 +567,7 @@ menu[role=tablist] button {
 
 menu[role=tablist] button[aria-selected=true] {
     position: relative;
+    margin-bottom: -2px;
     z-index: 8;
 }
 
@@ -997,7 +998,7 @@ legend {
 
 menu[role=tablist] button {
     padding: 0 12px 3px;
-    border-bottom: 1px solid #F3F3EF;
+    border-bottom: 1px solid black;
 }
 
 menu[role=tablist] button:hover {
diff --git a/public/assets/js/site.js b/public/assets/js/site.js
index fcdca56..e809ddd 100644
--- a/public/assets/js/site.js
+++ b/public/assets/js/site.js
@@ -315,14 +315,14 @@ jQuery(function($) {
     console.log("loginTab");
     tab1bj.setAttribute("aria-selected", "true");
     tab2bj.setAttribute("aria-selected", "false");
-    mainbj.innerHTML = "<div id='logininput' class='typebox'><input id='login' type='text' placeholder='nom d" + "&#39;" + "utilisateur'/><input id='pass' type='password' placeholder='mot de passe'/></div><div><button class='bjbuttons'>se connecter</button><button class='bjbuttons' disabled>logout</button></div>"
+    mainbj.innerHTML = "<div id='logininput' class='typebox field-row-stacked' ><input id='login' type='text' placeholder='nom d" + "&#39;" + "utilisateur'/><input id='pass' type='password' placeholder='mot de passe'/></div><div><button class='bjbuttons'>se connecter</button><button class='bjbuttons' disabled>logout</button></div>"
   }
 
   function registerTab(){
     console.log("registerTab");
     tab1bj.setAttribute("aria-selected", "false");
     tab2bj.setAttribute("aria-selected", "true");
-    mainbj.innerHTML = "<div id='logininput' class='typebox'><input id='login' type='text' placeholder='nom d" + "&#39;" + "utilisateur'/><input id='pass' type='password' placeholder='mot de passe'/><input id='email' type='text' placeholder='email'/><input id='conf_pass' type='password' placeholder='confirmer mot de passe'/></div><div id='bjbuttons'><button disabled>s'enregistrer</button></div>"
+    mainbj.innerHTML = "<div id='logininput' class='typebox field-row-stacked'><input id='login' type='text' placeholder='nom d" + "&#39;" + "utilisateur'/><input id='pass' type='password' placeholder='mot de passe'/><input id='conf_pass' type='password' placeholder='confirmer mot de passe'/><input id='email' type='text' placeholder='email'/></div><div id='bjbuttons'><button disabled>s'enregistrer</button></div>"
   }
 
   // other scripts
diff --git a/public/index.html b/public/index.html
index 5fdb889..4995c41 100644
--- a/public/index.html
+++ b/public/index.html
@@ -105,9 +105,17 @@
                 <!-- F ÉQUIPE -->
                 <!-- BLACKJACK -->
                 <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " id="bj">
-                    <p class="text-center" style="padding: 0px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
-                        <strong>blackjack tes bazou coins LOL</strong></p>
-                        <p> t'es pas connecté bozo </p>
+                    <p style="padding: 0px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
+                        <strong>blackjack tes bazou coins LOL</pre></strong></p>
+                        <div class="window-body text-left">
+
+                                <pre>Microsoft&#10094;R&#10095; Windows DOS 
+&#10094;C&#10095; Copyright Microsoft Corp 1990-2001.
+                                  <br>C:&#92;WINDOWS&#92;RIPBOZO> type oof.txt
+T'ES PAS CONNECTÉ :*( 
+                                </pre>
+                              
+                          </div>
                 </div>  
                 <!-- F BLACKJACK -->
                 <!-- CONNEXION -->
@@ -172,8 +180,9 @@
             <script src="assets/js/site.js"></script>
             <script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
             <!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjIu -->
-	        <!-- mathieumoran.xyz -->
-            <!-- V1.12 // 22 AOUT 2022 // 2.23PM -->
+            <!-- XP CSS - Copyright 2020 Adam Hammad, Jordan Scales-->
+	        <!-- LJDP - mathieumoran.xyz -->
+            <!-- V1.13 // XXX // XXPM -->
     </footer>
 </body>
 </html>