diff --git a/images/128.png b/images/128.png
new file mode 100644
index 0000000..b6098c5
Binary files /dev/null and b/images/128.png differ
diff --git a/images/Beryllium-4.png b/images/Beryllium-4.png
new file mode 100644
index 0000000..e46f0a4
Binary files /dev/null and b/images/Beryllium-4.png differ
diff --git a/images/Gadolinium-64.png b/images/Gadolinium-64.png
new file mode 100644
index 0000000..fc1b76a
Binary files /dev/null and b/images/Gadolinium-64.png differ
diff --git a/images/Germanium-32.png b/images/Germanium-32.png
new file mode 100644
index 0000000..75fa213
Binary files /dev/null and b/images/Germanium-32.png differ
diff --git a/images/Helium-2.png b/images/Helium-2.png
new file mode 100644
index 0000000..bdcc85a
Binary files /dev/null and b/images/Helium-2.png differ
diff --git a/images/Hydrogen-2.png b/images/Hydrogen-2.png
new file mode 100644
index 0000000..8d79d4f
Binary files /dev/null and b/images/Hydrogen-2.png differ
diff --git a/images/Oxygen-8.png b/images/Oxygen-8.png
new file mode 100644
index 0000000..4170aa2
Binary files /dev/null and b/images/Oxygen-8.png differ
diff --git a/images/PhotoshopFiles/128.psd b/images/PhotoshopFiles/128.psd
new file mode 100644
index 0000000..891c76e
Binary files /dev/null and b/images/PhotoshopFiles/128.psd differ
diff --git a/images/PhotoshopFiles/Beryllium-4.psd b/images/PhotoshopFiles/Beryllium-4.psd
new file mode 100644
index 0000000..eb5894b
Binary files /dev/null and b/images/PhotoshopFiles/Beryllium-4.psd differ
diff --git a/images/PhotoshopFiles/Gadolinium-64.psd b/images/PhotoshopFiles/Gadolinium-64.psd
new file mode 100644
index 0000000..dc6c74c
Binary files /dev/null and b/images/PhotoshopFiles/Gadolinium-64.psd differ
diff --git a/images/PhotoshopFiles/Germanium-32.psd b/images/PhotoshopFiles/Germanium-32.psd
new file mode 100644
index 0000000..d98ceaf
Binary files /dev/null and b/images/PhotoshopFiles/Germanium-32.psd differ
diff --git a/images/PhotoshopFiles/Helium-2.psd b/images/PhotoshopFiles/Helium-2.psd
new file mode 100644
index 0000000..8ee66dc
Binary files /dev/null and b/images/PhotoshopFiles/Helium-2.psd differ
diff --git a/images/PhotoshopFiles/Hydrogen-2.psd b/images/PhotoshopFiles/Hydrogen-2.psd
new file mode 100644
index 0000000..2c6ad87
Binary files /dev/null and b/images/PhotoshopFiles/Hydrogen-2.psd differ
diff --git a/images/PhotoshopFiles/Oxygen-16.psd b/images/PhotoshopFiles/Oxygen-16.psd
new file mode 100644
index 0000000..600b71b
Binary files /dev/null and b/images/PhotoshopFiles/Oxygen-16.psd differ
diff --git a/images/PhotoshopFiles/Sulphur-16.psd b/images/PhotoshopFiles/Sulphur-16.psd
new file mode 100644
index 0000000..034d7a7
Binary files /dev/null and b/images/PhotoshopFiles/Sulphur-16.psd differ
diff --git a/images/Sulphur-16.png b/images/Sulphur-16.png
new file mode 100644
index 0000000..55795c8
Binary files /dev/null and b/images/Sulphur-16.png differ
diff --git a/index.html b/index.html
index f80e601..310e207 100644
--- a/index.html
+++ b/index.html
@@ -99,7 +99,7 @@ <h2 class="title">Periodic  Elemental 2048</h2><br />
                 <div class="grid-cell"></div>
               </div>
             </div>
-            
+
 
             <div class="tile-container"></div>
           </div>
@@ -117,6 +117,6 @@ <h2 class="title">Periodic  Elemental 2048</h2><br />
     <script src="js/local_storage_manager.js"></script>
     <script src="js/game_manager.js"></script>
     <script src="js/application.js"></script>
-    <script src="js/popup.js"
-  </body>
-</html>
+    <script src="js/popup.js"></script>
+    </body>
+    </html>
\ No newline at end of file
diff --git a/style/fontsForButtons/BadComic-Italic.otf b/style/fontsForButtons/BadComic-Italic.otf
new file mode 100644
index 0000000..ae0b884
Binary files /dev/null and b/style/fontsForButtons/BadComic-Italic.otf differ
diff --git a/style/fontsForButtons/BadComic-Italic.ttf b/style/fontsForButtons/BadComic-Italic.ttf
new file mode 100644
index 0000000..50b6304
Binary files /dev/null and b/style/fontsForButtons/BadComic-Italic.ttf differ
diff --git a/style/fontsForButtons/BadComic-Regular.otf b/style/fontsForButtons/BadComic-Regular.otf
new file mode 100644
index 0000000..04b9da7
Binary files /dev/null and b/style/fontsForButtons/BadComic-Regular.otf differ
diff --git a/style/fontsForButtons/BadComic-Regular.ttf b/style/fontsForButtons/BadComic-Regular.ttf
new file mode 100644
index 0000000..1ef0ec7
Binary files /dev/null and b/style/fontsForButtons/BadComic-Regular.ttf differ
diff --git a/style/fontsForButtons/Bartino-Regular.otf b/style/fontsForButtons/Bartino-Regular.otf
new file mode 100644
index 0000000..0335099
Binary files /dev/null and b/style/fontsForButtons/Bartino-Regular.otf differ
diff --git a/style/fontsForButtons/Bartino-Regular.ttf b/style/fontsForButtons/Bartino-Regular.ttf
new file mode 100644
index 0000000..f3b59dc
Binary files /dev/null and b/style/fontsForButtons/Bartino-Regular.ttf differ
diff --git a/style/fontsForButtons/BartinoOutline-Regular.otf b/style/fontsForButtons/BartinoOutline-Regular.otf
new file mode 100644
index 0000000..b13d8df
Binary files /dev/null and b/style/fontsForButtons/BartinoOutline-Regular.otf differ
diff --git a/style/fontsForButtons/BartinoOutline-Regular.ttf b/style/fontsForButtons/BartinoOutline-Regular.ttf
new file mode 100644
index 0000000..5fa462f
Binary files /dev/null and b/style/fontsForButtons/BartinoOutline-Regular.ttf differ
diff --git a/style/fontsForButtons/BartinoStripes-Regular.otf b/style/fontsForButtons/BartinoStripes-Regular.otf
new file mode 100644
index 0000000..ef6e10f
Binary files /dev/null and b/style/fontsForButtons/BartinoStripes-Regular.otf differ
diff --git a/style/fontsForButtons/BartinoStripes-Regular.ttf b/style/fontsForButtons/BartinoStripes-Regular.ttf
new file mode 100644
index 0000000..e4824ef
Binary files /dev/null and b/style/fontsForButtons/BartinoStripes-Regular.ttf differ
diff --git a/style/fontsForButtons/CRAZYV1_.TTF b/style/fontsForButtons/CRAZYV1_.TTF
new file mode 100644
index 0000000..415fad7
Binary files /dev/null and b/style/fontsForButtons/CRAZYV1_.TTF differ
diff --git a/style/fontsForButtons/Dantesque-Regular.otf b/style/fontsForButtons/Dantesque-Regular.otf
new file mode 100644
index 0000000..1c663c4
Binary files /dev/null and b/style/fontsForButtons/Dantesque-Regular.otf differ
diff --git a/style/fontsForButtons/Dantesque-Regular.ttf b/style/fontsForButtons/Dantesque-Regular.ttf
new file mode 100644
index 0000000..e76a6cd
Binary files /dev/null and b/style/fontsForButtons/Dantesque-Regular.ttf differ
diff --git a/style/fontsForButtons/Elfarg98.ttf b/style/fontsForButtons/Elfarg98.ttf
new file mode 100644
index 0000000..0e07ac2
Binary files /dev/null and b/style/fontsForButtons/Elfarg98.ttf differ
diff --git a/style/fontsForButtons/Galimer-ExtraLight.ttf b/style/fontsForButtons/Galimer-ExtraLight.ttf
new file mode 100644
index 0000000..df12209
Binary files /dev/null and b/style/fontsForButtons/Galimer-ExtraLight.ttf differ
diff --git a/style/fontsForButtons/Galimer-ExtraLightItalic.ttf b/style/fontsForButtons/Galimer-ExtraLightItalic.ttf
new file mode 100644
index 0000000..e7393dd
Binary files /dev/null and b/style/fontsForButtons/Galimer-ExtraLightItalic.ttf differ
diff --git a/style/fontsForButtons/Maytra.otf b/style/fontsForButtons/Maytra.otf
new file mode 100644
index 0000000..89acfcb
Binary files /dev/null and b/style/fontsForButtons/Maytra.otf differ
diff --git a/style/fontsForButtons/Maytra.ttf b/style/fontsForButtons/Maytra.ttf
new file mode 100644
index 0000000..dde6ec9
Binary files /dev/null and b/style/fontsForButtons/Maytra.ttf differ
diff --git a/style/fontsForButtons/Port Credit.otf b/style/fontsForButtons/Port Credit.otf
new file mode 100644
index 0000000..f9490c1
Binary files /dev/null and b/style/fontsForButtons/Port Credit.otf differ
diff --git a/style/fontsForButtons/Qaz-Italic.otf b/style/fontsForButtons/Qaz-Italic.otf
new file mode 100644
index 0000000..e70e8c7
Binary files /dev/null and b/style/fontsForButtons/Qaz-Italic.otf differ
diff --git a/style/fontsForButtons/Qaz-Italic.ttf b/style/fontsForButtons/Qaz-Italic.ttf
new file mode 100644
index 0000000..ef302ba
Binary files /dev/null and b/style/fontsForButtons/Qaz-Italic.ttf differ
diff --git a/style/fontsForButtons/Qaz-Regular.otf b/style/fontsForButtons/Qaz-Regular.otf
new file mode 100644
index 0000000..0e4b7fa
Binary files /dev/null and b/style/fontsForButtons/Qaz-Regular.otf differ
diff --git a/style/fontsForButtons/Qaz-Regular.ttf b/style/fontsForButtons/Qaz-Regular.ttf
new file mode 100644
index 0000000..571efc8
Binary files /dev/null and b/style/fontsForButtons/Qaz-Regular.ttf differ
diff --git a/style/fontsForButtons/RonaldsonGothic.ttf b/style/fontsForButtons/RonaldsonGothic.ttf
new file mode 100644
index 0000000..f401245
Binary files /dev/null and b/style/fontsForButtons/RonaldsonGothic.ttf differ
diff --git a/style/fontsForButtons/RonaldsonGothicLicht.ttf b/style/fontsForButtons/RonaldsonGothicLicht.ttf
new file mode 100644
index 0000000..954b801
Binary files /dev/null and b/style/fontsForButtons/RonaldsonGothicLicht.ttf differ
diff --git a/style/fontsForButtons/SANTELLO.ttf b/style/fontsForButtons/SANTELLO.ttf
new file mode 100644
index 0000000..a1c28d6
Binary files /dev/null and b/style/fontsForButtons/SANTELLO.ttf differ
diff --git a/style/fontsForButtons/TGL_0-1451Eng.ttf b/style/fontsForButtons/TGL_0-1451Eng.ttf
new file mode 100644
index 0000000..61d8606
Binary files /dev/null and b/style/fontsForButtons/TGL_0-1451Eng.ttf differ
diff --git a/style/fontsForButtons/Techfont-Italica.ttf b/style/fontsForButtons/Techfont-Italica.ttf
new file mode 100644
index 0000000..dc02ef7
Binary files /dev/null and b/style/fontsForButtons/Techfont-Italica.ttf differ
diff --git a/style/fontsForButtons/Techfont.ttf b/style/fontsForButtons/Techfont.ttf
new file mode 100644
index 0000000..531a509
Binary files /dev/null and b/style/fontsForButtons/Techfont.ttf differ
diff --git a/style/main.css b/style/main.css
index be22234..4b54548 100644
--- a/style/main.css
+++ b/style/main.css
@@ -10,17 +10,17 @@ html, body {
   background-size: contain;
   color: black;
   font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;
-  font-size: 18px; 
+  font-size: 18px;
 }
 
 body {
-  margin: 10px 0; 
+  margin: 10px 0;
 }
 
 .heading:after {
   content: "";
   display: block;
-  clear: both; 
+  clear: both;
 }
 
 .title {
@@ -450,16 +450,18 @@ margin-top: 5px;
 }
 
 .tile.tile-2 .tile-inner {
-  background: #eee4da;
-  background: url(../images/2.jpg);
+  /* background: #eee4da; */
+  /* background: url(../images/2.jpg); */
+  background: url(../images/Hydrogen-2.png);
   background-size: contain;
   color: rgba(0,0,0,0);
   box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
 }
 
 .tile.tile-4 .tile-inner {
-  background: #ede0c8;
-  background: url(../images/3.jpg);
+  /* background: #ede0c8; */
+  /* background: url(../images/3.jpg); */
+  background: url(../images/Helium-2.png);
   background-size: contain;
   color: rgba(0,0,0,0);
   box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
@@ -467,40 +469,53 @@ margin-top: 5px;
 
 .tile.tile-8 .tile-inner {
   color: #f9f6f2;
-  background: #f2b179;
-  background: url(../images/4.jpg);
+  /* background: #f2b179; */
+  /* background: url(../images/4.jpg); */
+  background: url(../images/Beryllium-4.png);
   background-size: contain;
   color: rgba(0,0,0,0);
 }
 
+/* oxygen 8 */
 .tile.tile-16 .tile-inner {
   color: #f9f6f2;
-  background: #f59563;
-  background: url(../images/5.jpg);
+  /* background: #f59563; */
+  /* background: url(../images/5.jpg); */
+  background: url(../images/Oxygen-8.png);
   background-size: contain;
   color: rgba(0,0,0,0);
 }
 
+
+
+/* sulphur 16 */
 .tile.tile-32 .tile-inner {
   color: #f9f6f2;
-  background: #f67c5f;
-  background: url(../images/6.jpg);
+  /* background: #f67c5f; */
+  /* background: url(../images/6.jpg); */
+  background: url(../images/Sulphur-16.png);
   background-size: contain;
   color: rgba(0,0,0,0);
 }
 
+
+/* Germanium 32 */
 .tile.tile-64 .tile-inner {
   color: #f9f6f2;
-  background: #f65e3b;
-  background: url(../images/7.jpg);
+  /* background: #f65e3b; */
+  /* background: url(../images/7.jpg); */
+  background: url(../images/Germanium-32.png);
   background-size: contain;
   color: rgba(0,0,0,0);
 }
 
+
+/* gadolinium 64 */
 .tile.tile-128 .tile-inner {
   color: #f9f6f2;
-  background: #edcf72;
-  background: url(../images/8.jpg);
+  /* background: #edcf72; */
+  /* background: url(../images/8.jpg); */
+  background: url(../images/Gadolinium-64.png);
   background-size: contain;
   color: rgba(0,0,0,0);
   box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);
@@ -510,10 +525,15 @@ margin-top: 5px;
     .tile.tile-128 .tile-inner {
       font-size: 25px; } }
 
+
+
+
+      /* 128 */
 .tile.tile-256 .tile-inner {
   color: #f9f6f2;
-  background: #edcc61;
-  background: url(../images/9.jpg);
+  /* background: #edcc61; */
+  /* background: url(../images/9.jpg); */
+  background: url(../images/128.png);
   background-size: contain;
   color: rgba(0,0,0,0);
   box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);
@@ -737,7 +757,7 @@ margin-top: 5px;
 
   .score-container, .best-container {
     padding: 15px 10px;
-    min-width: 40px; 
+    min-width: 40px;
     margin-top: 30px;
    	padding:20px;
 	margin-right:30px}