feat: add light mode + rewrite in Tailwind CSS (#15)

tailwind.config.js

@@ -0,0 +1,34 @@
+module.exports = {
+  mode: 'jit',
+  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      screens: {
+        xs: '380px'
+      },
+      colors: {
+        black: '#181818',
+        gray: {
+          DEFAULT: '#333333',
+          dark: '#b2bac2'
+        },
+        yellow: {
+          DEFAULT: '#ff8000',
+          dark: '#ffd800'
+        }
+      },
+      boxShadow: {
+        dark: '0px 1px 10px hsla(0, 0%, 100%, 0.2)',
+        light: '0px 1px 10px rgba(0, 0, 0, 0.25)'
+      },
+      fontFamily: {
+        headline: ['Montserrat', 'Arial', 'sans-serif']
+      }
+    }
+  },
+  variants: {
+    extend: {}
+  },
+  plugins: []
+}