feat: add global styling

src/styles.scss

@@ -1 +1,30 @@
 /* You can add global styles to this file, and also import other style files */
+:root {
+    --primary: #c2185b;
+    --primaryDark: rgb(156, 10, 69);
+    --secondary: #ffc107;
+    --primaryFont: 'Arial', Helvetica, sans-serif;
+    --secondaryFont: 'Poppins', sans-serif;
+}
+
+body {
+    background-color: var(--primary);
+    font-family: var(--primaryFont);
+}
+
+h1,
+h2 {
+    font-family: var(--secondaryFont);
+    text-align: center;
+    margin: 0;
+}
+
+h1 {
+    padding: 20px;
+    color: white;
+}
+
+h2 {
+    font-size: 2rem;
+    color: var(--primary);
+}