text: import styled from 'styled-components';
  import {
    Box, Heading, Panel, Text,
  } from 'rebass';
  import colors from 'components/colors';
  
  const Styles = {
    Wrapper: styled.div`
      margin: 1rem;
      padding: 1rem;
    `,
    Title: styled(Heading)`
      color: ${colors.text};
      font-size: 2.5rem;
      margin-bottom: 1.5rem;
      margin-left: 0.5rem;
    `,
    Description: styled(Text)`
      color: ${colors.text};
      font-size: 0.95rem;
      font-weight: 200;
      line-height: 1.5;
      margin-left: 0.5rem;
    `,
    Box: styled(Box)``,
    PanelWrapper: styled(Panel)``,
    PanelHeader: styled(Panel.Header)`
      background: ${colors.info};
      color: ${colors.white};
    `,
    PanelFooter: styled(Panel.Footer)``,
    Strong: styled.span`
      font-weight: 700;
      margin-right: 0.25rem;
    `,
  };
  
  export default Styles;
  