import styled from 'styled-components'

export const Hero = styled.main<{ bg?: boolean }>`
  position: relative;
  padding: 50px 0;
  color: white;
  background-color: #314351;
`

export const HeroHeading = styled.h1`
  font-family:
    'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
`

export const HeroDesc = styled.p`
  opacity: 0.8;
`