Landing page redesign (#25)

* redesign

* outline-none

tailwind.config.js

@@ -102,6 +102,7 @@ module.exports = {
         700: '#4c51bf',
         800: '#434190',
         900: '#3c366b',
+        'dark': '#130e37',
       },
       purple: {
         100: '#faf5ff',
@@ -172,6 +173,8 @@ module.exports = {
       none: '0',
       sm: '0.125rem',
       default: '0.25rem',
+      '10': '10px',
+      '15': '15px',
       lg: '0.5rem',
       full: '9999px',
     },
@@ -190,6 +193,7 @@ module.exports = {
       '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
       inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
       outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
+      primary: '2px 3px 10px rgba(67, 65, 144, 0.1)',
       none: 'none',
     },
     container: {},
@@ -221,6 +225,7 @@ module.exports = {
     },
     fontFamily: {
       sans: [
+        'Nunito',
         '-apple-system',
         'BlinkMacSystemFont',
         '"Segoe UI"',
@@ -242,6 +247,7 @@ module.exports = {
         'serif',
       ],
       mono: [
+        'Fira Code',
         'Menlo',
         'Monaco',
         'Consolas',
@@ -371,6 +377,7 @@ module.exports = {
       '12': '12',
     },
     padding: theme => theme('spacing'),
+    placeholderColor: theme => theme('colors'),
     stroke: {
       current: 'currentColor',
     },
@@ -404,7 +411,6 @@ module.exports = {
       '9/12': '75%',
       '10/12': '83.333333%',
       '11/12': '91.666667%',
-      '30%': '30%',
       full: '100%',
       screen: '100vw',
     }),
@@ -463,11 +469,12 @@ module.exports = {
     minWidth: ['responsive'],
     objectFit: ['responsive'],
     objectPosition: ['responsive'],
-    opacity: ['responsive'],
+    opacity: ['responsive', 'hover', 'focus'],
     order: ['responsive'],
     outline: ['responsive', 'focus'],
     overflow: ['responsive'],
     padding: ['responsive'],
+    placeholderColor: ['responsive', 'focus'],
     pointerEvents: ['responsive'],
     position: ['responsive'],
     resize: ['responsive'],