diff --git a/css/style.css b/css/style.css
index 0da47be..35397a0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -57,9 +57,9 @@ h2 {
 }
 .inner-div {
   -webkit-text-fill-color: white;
-  -webkit-text-stroke-width: 1px;
+  -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: black;
-  background-color: rgb(26, 36, 36);
+  background-color: orange;
   opacity: 0.8;
   align-content: space-around;
   left: 40%;
@@ -89,11 +89,13 @@ h2 {
 
 @font-face {
   font-family: "Aldo the Apache";
-  src: url("css/fonts/AldotheApache.woff") format("woff");
+  src: url("font/AldotheApache.woff") format("woff");
+  src: url("font/AldotheApache.ttf") format("ttf");
 }
 @font-face {
   font-family: "eyelevation6";
-  src: url("css/fonts/eyelevation6.woff") format("woff");
+  src: url("font/eyelevation6.woff") format("woff");
+  src: url("font/eyelevation6.ttf") format("ttf");
 }
 
 /* The Overlay (background) */
diff --git a/font/AldotheApache.ttf b/font/AldotheApache.ttf
new file mode 100644
index 0000000..cf3e2b3
Binary files /dev/null and b/font/AldotheApache.ttf differ
diff --git a/css/fonts/AldotheApache.woff b/font/AldotheApache.woff
similarity index 100%
rename from css/fonts/AldotheApache.woff
rename to font/AldotheApache.woff
diff --git a/font/eyelevation6.ttf b/font/eyelevation6.ttf
new file mode 100644
index 0000000..681a930
Binary files /dev/null and b/font/eyelevation6.ttf differ
diff --git a/css/fonts/eyelevation6.woff b/font/eyelevation6.woff
similarity index 100%
rename from css/fonts/eyelevation6.woff
rename to font/eyelevation6.woff
diff --git a/index.html b/index.html
index 90bfa77..9045fe4 100644
--- a/index.html
+++ b/index.html
@@ -10,14 +10,13 @@
   <!-- Bootstrap CSS -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
   <link rel="stylesheet" href="css/style.css">
-
-
 </head>
 
 <body>
   <!-- particles.js container -->
   <div id="particles-js"></div>
-
+  <!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
+  <!-- <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> -->
 
   <div class="container-fluid">
     <div class="row">
@@ -26,11 +25,11 @@
         <h2 style="font-family: 'Aldo the Apache'">to the fun side</h2>
       </div>
       <div class="col-md-8 outer-div">
-        <div onclick="openNav1(TheSquare)" class="row inner-div" style="font-family:'Aldo the Apache'">
+        <div onclick="openNav1(TheSquare)" class="row inner-div" style="font-family: 'Aldo the Apache'">
           The Square
         </div>
-        <div onclick="openNav2(AltSquare)" class="row inner-div" style="font-family: 'Aldo the Apache'">
-          <b style="font-family: 'eyelevation6'">Alt </b> &nbsp;Square
+        <div onclick="openNav2(AltSquare)" class="row inner-div">
+          <b style="font-family: 'eyelevation6'">Alt </b> <b style="font-family: 'Aldo the Apache'">Square</b>
         </div>
         <div onclick="openNav3(Glod)" class="row inner-div" style="font-family: 'eyelevation6'">
           Glod
@@ -215,11 +214,11 @@
   </div>
 
   <!-- Optional JavaScript -->
-  <script src="js/script.js"></script>
   <script src="js/particles.min.js"></script>
+  <script src="js/script.js"></script>
   
   <script src="https://kit.fontawesome.com/0eb0b05fee.js"></script>
-
+  
   <!-- jQuery first, then Popper.js, then Bootstrap JS -->
   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
diff --git a/js/script.js b/js/script.js
index c2c1880..f4223c2 100644
--- a/js/script.js
+++ b/js/script.js
@@ -128,6 +128,13 @@ particlesJS('particles-js',
       }
     },
     "retina_detect": true,
-    
+    "config_demo": {
+      "hide_card": false,
+      "background_color": "#b61924",
+      "background_image": "",
+      "background_position": "50% 50%",
+      "background_repeat": "no-repeat",
+      "background_size": "cover"
+    }
   }
 );
\ No newline at end of file
