Add: More branding colors

static/css/base.scss

@@ -1,13 +1,18 @@
 :root {
   font-size: 16px;
 
+  --background: #111118;
+
   --accent: #846bf7;
   --accent-dim: #846bf760;
   --accent-very-dim: #846bf716;
+
+  --white: #ffffff;
+  --white-dim: #afbcc2;
 }
 
 body {
-  background-color: #111118;
+  background-color: var(--background);
 
   margin: 0;
   position: relative;
@@ -23,3 +28,12 @@ body {
     "wdth" 100,
     "YTLC" 500;
 }
+
+h1, h2, h3, h4, p {
+  margin: 0;
+}
+
+button {
+  border: none;
+  font-size: 1rem;
+}

static/css/font.scss

@@ -10,13 +10,15 @@
   font-style: normal;
 }
 
-.taviraj-light {
+.taviraj-light,
+.typeTitle {
   font-family: "Taviraj", serif;
   font-weight: 300;
   font-style: normal;
 }
 
-.taviraj-regular {
+.taviraj-regular,
+.typeName {
   font-family: "Taviraj", serif;
   font-weight: 400;
   font-style: normal;
@@ -109,7 +111,8 @@
 // <uniquifier>: Use a unique and descriptive class name
 // <weight>: Use a value from 200 to 1000
 
-.nunito-sans-300 {
+.nunito-sans-300,
+.typeContent {
   font-family: "Nunito Sans", sans-serif;
   font-optical-sizing: auto;
   font-weight: 300;