diff --git a/assets/back.png b/assets/back.png
new file mode 100644
index 0000000..ebebff8
Binary files /dev/null and b/assets/back.png differ
diff --git a/assets/bleft.png b/assets/bleft.png
deleted file mode 100644
index 95d9f7b..0000000
Binary files a/assets/bleft.png and /dev/null differ
diff --git a/assets/bright.png b/assets/bright.png
deleted file mode 100644
index 9dae0d6..0000000
Binary files a/assets/bright.png and /dev/null differ
diff --git a/assets/css/main_style.css b/assets/css/main_style.css
index 1b4428c..5f3f0bf 100644
--- a/assets/css/main_style.css
+++ b/assets/css/main_style.css
@@ -1,3 +1,40 @@
+html, body
+{
+margin: 0;
+padding: 0;
+background-image: url(/assets/sm_back.jpg);
+}
+
+
+
+.frame {
+    width: 100%;
+    height: auto;
+    padding: 0%;
+}
+
+.window{
+  position: absolute;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+  
+
+}
+
+.backframe{
+  width: 75vw;
+  height: auto;
+  margin-top: 15vw;
+ 
+}
+
+.divtab{
+ position: relative;
+
+}
+
+
 table.col {
     border: 4px solid #555555;
     background-color: #555555;
diff --git a/assets/sm_back.jpg b/assets/sm_back.jpg
new file mode 100644
index 0000000..096f809
Binary files /dev/null and b/assets/sm_back.jpg differ
diff --git a/assets/top.png b/assets/top.png
deleted file mode 100644
index 3f702eb..0000000
Binary files a/assets/top.png and /dev/null differ
diff --git a/assets/window.png b/assets/window.png
new file mode 100644
index 0000000..bce54a8
Binary files /dev/null and b/assets/window.png differ
diff --git a/views/index.hbs b/views/index.hbs
index 19ad1e0..a28bf6f 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -1,13 +1,16 @@
 
+
+
 <link rel="stylesheet" href="/assets/css/main_style.css">
 
-
-<div align="center">
+ 
 
 
-  <img src="/assets/top.png" align="top">
-<img src="/assets/bleft.png" align="left">
-<img src="/assets/bright.png" align="right">
+<div class="window" align="center"> 
+        <img src="/assets/window.png" align="center" class="backframe">
+   
+
+<div class="divtab">
 
 <table Border = 1 class="col"> 
 <tr>
@@ -31,3 +34,7 @@
 </table>
 
 </div>
+
+</div>
+
+<img src="/assets/back.png" align="top" class="frame">
\ No newline at end of file