WIP login screen

tailwind.config.js

@@ -4,9 +4,11 @@ export default {
   theme: {
     fontFamily: {
       'titles': ['Poppins', 'serif'],
-      'default': ['Inter', 'serif']
+      'default': ['Quicksand', 'serif']
     },
     backgroundSize: {
+      'cover': 'cover',
+      'contain': 'contain',
       '30px': '30px'
     },
     screens: {
@@ -50,7 +52,8 @@ export default {
         red: {
           DEFAULT: '#d50000',
           50: '#d50000',
-          100: '#b30000'
+          100: '#b30000',
+          200: '#F44747'
         },
         bordeaux: {
           DEFAULT: '#800020',
@@ -68,18 +71,18 @@ export default {
           DEFAULT: '#9841e6'
         },
         cyan: {
-          DEFAULT: '#368f8b',
-          50: '#00b3b3',
-          100: '#368f8b',
+          DEFAULT: '#0D6D69',
+          50: '#5AA39F',
+          100: '#0D6D69',
           200: '#376362'
         },
         gray: {
-          DEFAULT: '#7f7f7f',
-          50: '#d3d3d3',
-          100: '#7f7f7f',
-          200: '#696969',
-          300: '#313638',
-          500: '#778899',
+          DEFAULT: '#282828',
+          50: '#0C0C0C',
+          100: '#282828',
+          200: '#454442',
+          300: '#888888',
+          500: '#B4B4B4',
           600: '#B1B2B5'
         }
       }