diff --git a/src/App.vue b/src/App.vue
index 1954377..c4dce65 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -26,4 +26,28 @@ import { loading } from "./store";
 
 <style>
 @import "./assets/base.css";
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  color-scheme: dark;
+  color: var(--text-color);
+  background-color: var(--bg-color);
+  font-family: var(--font-family);
+}
+
+.center {
+  display: flex;
+  justify-content: center;
+}
+
+main {
+  width: 100%;
+  max-width: 900px;
+}
 </style>
diff --git a/src/assets/base.css b/src/assets/base.css
index eb38093..0a2d512 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -20,30 +20,6 @@
   --substitution-background-unchanged: #26272a;
 }
 
-html,
-body {
-  height: 100%;
-}
-
-body {
-  margin: 0;
-  padding: 0;
-  color-scheme: dark;
-  color: var(--text-color);
-  background-color: var(--bg-color);
-  font-family: var(--font-family);
-}
-
-.center {
-  display: flex;
-  justify-content: center;
-}
-
-main {
-  width: 100%;
-  max-width: 900px;
-}
-
 @font-face {
   font-family: "sourcesanspro";
   font-style: "normal";