text: export const background = 'white';
  export const main = '#bd081c';
  export const mainColor = 'white';
  export const mainHighlight = '#d50c22';
  
  export const nonMainBtnBackground = '#ebebeb';
  export const nonMainBtnColor = '#444444';
  export const nonMainHighlight = '#f5f3f3';
  // highlight of this goes even lighter, may want to play around, looks kinda bad
  
  // color for not hearted, background is white, on hover background is very light grey
  export const inactive = '#717171';
  
  // used as the border for the picture on hover
  export const outline = '#dadada';
  
  export const titleColor = '#434343';
  
  export const helpTextColor = '#555555';
  
  export const pinTitleColor = '#444444';
  
  export const imgborderRadius = '8px';
  export const btnBorderRadius = '4px';
  
  export const fontFamily = '"Helvetica Neue", "Helvetica", arial, sans-serif';
  
  export const errorColor = '#e50000';
  
  export const twitterColor = '#1da1f2';
  export const twitterHighlight = '#2fa6ef';
  
  export const githubColor = 'black';
  export const githubHighlight = '#19191A';
  