message: output <body> explicitly
diff: +import Box from './Box'
  +import CSS from './CSS'
  +import Meta from './Meta'
  import React from 'react'
  -import { ThemeProvider } from 'styled-components'
  import theme from './theme'
  -import Meta from './Meta'
  -import CSS from './CSS'
  -import Box from './Box'
  +import {ThemeProvider} from 'styled-components'
  // Generic page wrapper component
  const Page = props => (
  @@ -14,9 +14,11 @@ const Page = props => (
  <CSS />
  </head>
  <ThemeProvider theme={theme}>
  - <Box color='bodytext'>
  + <body>
  + <Box text='bodytext'>
  {props.children}
  </Box>
  + </body>
  </ThemeProvider>
  </React.Fragment>
  )
  