Add basic CSS styling

Make the demo pages look a little bit nicer.

Author: FinnWoelm

pages/_app.js

@@ -0,0 +1,11 @@
+/*******************************************************************************
+ * NOTE: You do not need a custom _app.js file to use next-on-netlify. I just
+ *       wanted to add some CSS, so that the demo looks a little prettier :)
+ ******************************************************************************/
+
+import '../styles.css'
+
+// This default export is required in a new `pages/_app.js` file.
+export default function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}

styles.css

@@ -0,0 +1,29 @@
+html {
+  box-sizing: border-box;
+  font-size: 16px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+body {
+  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+  padding: 0 20px;
+  max-width: 880px;
+  margin: 0 auto !important;
+  color: rgba(0,0,0,.87);
+}
+
+hr {
+  border: none;
+  border-bottom: 4px solid #ececec;
+  margin: 40px 0;
+}
+
+pre {
+  max-width: 100%;
+  overflow-x: scroll;
+  background: #ececec;
+}