convert website from hugo to gatsby (#1369)

website/src/theme.js

@@ -0,0 +1,51 @@
+// if you change these you must restart the server
+
+module.exports = {
+
+  // colors
+  lightestGrey: '#E6E6E6',
+  lighterGrey: '#F7F8F8',
+  lightGrey: '#F6F6F6',
+  lightishGrey: '#51555D',
+  grey: '#313D3E',
+  darkGrey: '#2F3132',
+  darkerGrey: '#1E1F21',
+  blueGrey: '#BCC2CE',
+  lightGreen: '#97bf2f',
+  green: '#C9FA4B',
+  darkGreen: '#7CA511',
+  darkerGreen: '#628013',
+  shadeBlue: '#EFF0F4',
+  blue: '#3A69C7',
+
+  // typography
+  thin: 100,
+  light: 300,
+  regular: 400,
+  semibold: 500,
+  bold: 700,
+  black: 900,
+
+  // fonts
+  roboto: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
+
+  // padding
+  micro: '8px',
+  tiny: '16px',
+  small: '24px',
+  medium: '40px',
+  large: '64px',
+  xl: '104px',
+  xxl: '152px',
+
+  // border radius
+  borderRadius: '4px',
+  largeBorderRadius: '8px',
+
+  // responsive breakpoints
+  mobile: '480px',
+  tablet: '768px',
+  desktop: '960px',
+  display: '1200px',
+  xlarge: '1280px'
+}