// @flow
import styled from 'styled-components'
import theme from 'theme'

export const Card = styled.div`
  background-color: ${theme.colors.white};
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(5, 22, 51, 0.15), 0 2px 3px rgba(6, 18, 88, 0.07);
  color: ${theme.colors.black};
  display: flex;
  flex-direction: column;
  max-width: 30em;
  padding: 40px;
  text-align: center;
`

export default Card
