export const main = {
  backgroundColor: '#ffffff',
}

export const image = {
  maxWidth: '100%',
  borderRadius: '8px',
}

export const container = {
  paddingLeft: '12px',
  paddingRight: '12px',
  margin: '0 auto',
}

export const link = {
  color: '#2754C5',
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: '15px',
  textDecoration: 'underline',
}

export const text = {
  color: '#333',
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: '15px',
  marginBottom: '24px',
}

export const footer = {
  color: '#898989',
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: '14px',
  lineHeight: '22px',
  marginTop: '12px',
  marginBottom: '24px',
}

export const heading = {
  color: '#333',
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: '18.5px',
  fontWeight: 'bold',
  margin: '32px 0 14px 0',
  padding: '0',
}

export const featureSection = {
  marginBottom: '32px',
}

export const hr = {
  margin: '60px 0',
}
