export const burgerStyles = {
  bmBurgerButton: {
    position: 'fixed',
    width: '36px',
    height: '30px',
    right: '17.5px',
    top: '17.5px'
  },
  bmBurgerBars: {
    background: '#f7d51d'
  },
  bmBurgerBarsHover: {
    background: '#a90000'
  },
  bmCrossButton: {
    height: '24px',
    width: '24px'
  },
  bmCross: {
    background: '#f7d51d'
  },
  bmMenuWrap: {
    height: '100%',
    top: '0px'
  },
  bmMenu: {
    background: '#92cc41',
    fontSize: '0.65em'
  },
  bmMorphShape: {
    fill: '#373a47'
  },
  bmItemList: {
    color: '#b8b7ad',
    backgroundColor: '#92cc41',
    padding: '1em'
  },
  bmItem: {
    display: 'inline-block'
  },
  bmOverlay: {
    top: '0px',
    right: '0px',
    background: 'rgba(0, 0, 0, 0.3)'
  }
}

export const divStyles = {
  display: 'flex',
  flexDirection: 'column',
  justifyContent: 'space-between',
  alignItems: 'center',
  outline: 'none'
}

export const linkStyles = {
  flex: 1,
  alignSelf: 'flex-start'
}
