basic page styling

src/index.css

@@ -1,13 +1,27 @@
+html {
+  --background-color: #eeeeee;
+  --primary-color: #3f79ad;
+  --secondary-color: #71caf2;
+  --primary-color-trans: #3f79ad33;
+  --secondary-color-trans: #71caf233;
+
+  --box-gradient: linear-gradient(#71caf220, #3f79ad33);
+
+  scroll-behavior: smooth;
+}
+
 body {
-  margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+
+  background-color: var(--background-color);
 }
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}