Adjust Slide styles

docs/Layout.js

@@ -4,9 +4,17 @@ import Box from 'superbox'
 export default ({ children }) =>
   <Box
     p={4}
-    bg='magenta'
+    bg='link'
     css={{
-      width: '100vw'
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100vw',
+      height: '100vh',
+      '& a': {
+        fontWeight: 'bold',
+        color: 'inherit'
+      }
     }}>
     {children}
   </Box>

docs/index.mdx

@@ -1,4 +1,5 @@
 export { future as theme } from '../src/themes'
+import Layout from './Layout'
 
 # mdx-deck
 
@@ -40,6 +41,7 @@ import Box from 'superbox'
 – Anonymous
 
 ---
+export default Layout
 
 # Get started
 [GitHub](https://github.com/jxnblk/mdx-deck)

src/index.js

@@ -55,9 +55,7 @@ export const Slide = styled.div([], {
 }, space, color)
 
 Slide.defaultProps = {
-  px: [ 4, 5, 6 ],
-  pt: [ 3, 4 ],
-  pb: [ 4, 5 ],
+  px: [ 4, 5, 6 ]
 }
 
 const Dot = styled.button([], {