fix colors and margin

src/assets/main.css

@@ -7,7 +7,7 @@
 
 #app {
   max-width: 1280px;
-  margin: 0 auto;
+  margin: 40px auto;
   padding: 2rem;
   font-weight: normal;
 }

src/views/HomeView.vue

@@ -73,6 +73,7 @@ const goToLogin = () => {
   top: 0;
   left: 0;
   width: 100%;
+  height: 40px;
 }
 
 .btn-login {
@@ -80,7 +81,6 @@ const goToLogin = () => {
   top: 0;
   right: 0;
   padding: 8px 14px;
-  color: #ffffff;
   cursor: pointer;
   user-select: none;
 }
@@ -92,7 +92,7 @@ const goToLogin = () => {
 .content-text {
   position: relative;
   top: 100px;
-  right: -500px;
+  right: 0px;
 }
 
 .key-icon {
@@ -109,4 +109,12 @@ const goToLogin = () => {
 .gold-color {
   color: gold;
 }
+
+@media (min-width: 1024px) {
+  .content-text {
+    position: relative;
+    top: 100px;
+    right: -500px;
+  }
+}
 </style>