10/3/24

assets/styles/app.css

@@ -6,6 +6,11 @@
     src: url("../fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype");
 }
 
+:root {
+    --main-margin-top-bottom: 2rem;
+    --main-margin-left-right: 5rem;
+}
+
 * {
     font-family: "Noto Sans JP";
 }
@@ -14,20 +19,15 @@
     display: grid;
 }
 
-.page-enter-active,
-.page-leave-active {
-    transition: all ease-in-out 0.4s;
-}
-
-.page-enter-from,
-.page-leave-to {
-    opacity: 0;
-}
-
 body {
     margin: 0;
 }
 
+main {
+    margin: var(--main-margin-top-bottom) var(--main-margin-left-right);
+}
+
+
 html {
     font-size: 16px;
     scrollbar-width: none;

assets/styles/color-pallet.css

@@ -15,6 +15,7 @@
     --starlight: #efefe8;
     --starship: #e3dd39;
     --sun2: #ef8e38;
+    --sun4: #d70040;
     --sunlight: #fff8df;
     --uranus: #ace5ee;
     --venus1: #eed053;