fixes

src/assets/base.css

@@ -51,18 +51,13 @@
 *::before,
 *::after {
   box-sizing: border-box;
-  margin: 0;
   font-weight: normal;
+  margin: 0;
 }
 
 body {
-  min-height: 100vh;
-  color: var(--color-text);
   background: var(--color-background);
-  transition:
-    color 0.5s,
-    background-color 0.5s;
-  line-height: 1.6;
+  color: var(--color-text);
   font-family:
     Inter,
     -apple-system,
@@ -77,7 +72,12 @@ body {
     'Helvetica Neue',
     sans-serif;
   font-size: 15px;
-  text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-}
+  line-height: 1.6;
+  min-height: 100vh;
+  text-rendering: optimizelegibility;
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+}

src/assets/main.css

@@ -1,9 +1,9 @@
 @import './base.css';
 
 body {
-  overflow: hidden;
-  color: #eee;
   background-color: #111;
+  color: #eee;
+  overflow: hidden;
   scrollbar-width: none;
 }
 
@@ -21,9 +21,9 @@ body {
 }
 
 .center-block-custom {
+  height: calc(100vh - 150px);
   margin-top: 70px;
   overflow-y: auto;
-  height: calc(100vh - 150px);
 
   /* Firefox */
   scrollbar-width: none;
@@ -35,13 +35,13 @@ body {
 }
 
 .width700 {
-  padding: 10px;
   margin: 0 auto;
+  padding: 10px;
 }
 
 .width1200 {
-  padding: 10px;
   margin: 0 auto;
+  padding: 10px;
 }
 
 .display-table {
@@ -52,20 +52,20 @@ body {
 
 @media (width >=1024px) {
   .center-block-custom {
-    margin: 70px auto 0;
     height: calc(100dvh - 70px);
+    margin: 70px auto 0;
   }
 
   .width700 {
-    width: 700px;
-    padding: 20px;
     margin: 0 auto;
+    padding: 20px;
+    width: 700px;
   }
 
   .width1200 {
-    width: 1200px;
-    padding: 20px;
     margin: 0 auto;
+    padding: 20px;
+    width: 1200px;
   }
 
   .center-middle-block-custom {