- integrating sign in with google

- set up dark mode context and other services

src/styles/global.css

@@ -1,21 +1,12 @@
-:root {
-  --color-primary: #444;
-  --color-primary-dark: #333;
-  --color-inverse: #fff;
-  --color-inverse-dark: #f5f5f5;
-}
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @import "~react-loader-spinner/dist/loader/css/react-spinner-loader.css";
+@import "~react-toastify/dist/ReactToastify.css";
+@import "./toastify.css";
 
 html,
 body {
   font-size: 12px;
-  @apply text-primary;
   font-family: "Montserrat", sans-serif;
+  @apply text-primary bg-inverse;
 }
 
 p {

src/styles/tailwind.css

@@ -0,0 +1,5 @@
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;

src/styles/toastify.css

@@ -0,0 +1,12 @@
+.Toastify__toast {
+  @apply px-8 py-6 shadow-lg rounded;
+}
+
+.Toastify__toast--default {
+  @apply bg-primary text-inverse;
+}
+
+.Toastify__toast-body {
+  font-family: "Montserrat", sans-serif;
+  @apply font-medium;
+}