diff --git a/index.html b/index.html
index 8159699..7c4a83b 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>daleen</title>
 <style>
-#pageStyle {
+#pagestyle {
   border: 0px;
   padding 0px;
   margin: 0px;
@@ -19,8 +19,8 @@
 }
 </style>
   </head>
-  <body style="border: 0;padding: 0;margin: 0;">
-    <div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);">
+  <body id="pagestyle">
+    <div id="appstyle">
       <div id="app"></div>
     </div>
     <!-- built files will be auto injected -->
diff --git a/src/App.vue b/src/App.vue
index 44723ff..e88def4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div :style="window.style">
-    <div style="width: 1680px;height: 1050px;background-image: url('https://wallpapercave.com/wp/mvdjImO.jpg')">
+    <div :style="windowSize">
       <router-view/>
     </div>
   </div>
@@ -12,8 +12,8 @@ export default {
   data: function () {
     return {
       window: {
-        width: 1680,
-        height: 1050,
+        width: 1920,
+        height: 1080,
         style: ''
       }
     }
@@ -27,7 +27,7 @@ export default {
   },
   computed: {
     windowSize: function () {
-      return `width: ${this.window.width};height: ${this.window.height}`
+      return `width: ${this.window.width}px;height: ${this.window.height}px;`
     }
   },
   methods: {
