diff --git a/index.html b/index.html
index 7d43c76..951bd1f 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
-    <link rel="stylesheet" href="style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Alarm Control Page</title>
   </head>
diff --git a/src/App.vue b/src/App.vue
index 8f22fa5..ce0fc3b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,5 +5,24 @@
 	<RouterView />
 </template>
 
-<style>
-</style>
+<style lang="scss">
+// None of this works, and at this point I don't really care. 
+	body {
+	  margin: auto;
+	  width: 10%;  
+	  padding: 10px;
+	  background-color: #1e6e6a;
+	  }
+
+	* {
+	  margin: 0;
+	  padding: 0;
+	  box-sizing: border-box;	
+	}
+
+	.container {
+	  max-width: 1100px;
+	  margin: 0 auto;
+	}
+
+</style>
\ No newline at end of file
diff --git a/style.css b/style.css
deleted file mode 100644
index 8cf2309..0000000
--- a/style.css
+++ /dev/null
@@ -1,6 +0,0 @@
-body {
-    margin: auto;
-    width: 10%;  
-    padding: 10px;
-    background-color: #ff6666;
-  }
\ No newline at end of file
