diff --git a/src/App.vue b/src/App.vue
index 9e482ed..06aa3e6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,13 +8,17 @@ import Home from './components/Home.vue'
 </template>
 
 <style>
+body {
+  margin-top: 0px;
+  height: 100%;
+  background: #1e2361;
+}
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  color: #2c3e50;
+  color: #4484c4;
   margin-top: 60px;
 }
-
 </style>
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 2486976..70a2de7 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -20,7 +20,7 @@ const login = () => {
 
 <style scoped>
 button {
-  background-color: #215b8a; /* Green */
+  background-color: #4484c4;
   border: none;
   color: white;
   padding: 15px 32px;