text: 'use strict'
  
  export const colors = {
    white: '#ffffff',
    black: '#000000',
    blackHover: '#212529',
    twitter: '#1da1f2',
    twitterHover: '#1a8fd8',
    facebook: '#4267b2',
    facebookHover: '#385899',
    lightSlateGray: '#7e899b',
    glitter: '#e6edf4',
    gainsboro: '#dddddd',
    azure: '#33a9ff',
    silver: '#868e96'
  }
  
  export const typography = {
    f8: '.5rem',
    f10: '.6rem',
    f12: '.75rem',
    f14: '.85rem',
    f16: '1rem',
    f18: '1.15rem',
    f20: '1.25rem',
    f22: '1.35rem',
    f24: '1.5rem',
    f26: '1.75rem',
    f30: '2rem',
    f35: '2.2rem',
    f45: '2.8rem',
    f56: '3.5rem',
    ultralight: 100,
    thin: 200,
    light: 300,
    regular: 400,
    medium: 500,
    semibold: 600,
    bold: 700,
    heavy: 800,
    black: 900
  }
  
  export const tablet = `screen and (max-width: 768px)`
  export const phone = `screen and (max-width: 580px)`
  