diff --git a/pages/_app.js b/pages/_app.js
new file mode 100644
index 0000000..10e4682
--- /dev/null
+++ b/pages/_app.js
@@ -0,0 +1,31 @@
+import "../styles/globals.css";
+
+import { Fragment } from "react";
+
+import Navbar from "../components/Navbar";
+import Footer from "../components/Footer";
+
+import config from "../config.json";
+
+const Content = ({ children }) => (
+  <div className="flex items-center justify-between w-full my-5">
+    <div className="lg:w-7/12 mx-auto">{children}</div>
+  </div>
+);
+
+const App = ({ Component, pageProps }) => (
+  <Fragment>
+    <Navbar name={config.navbar.logotype} logo={config.navbar.logo} />
+    <Content>
+      <Component {...pageProps} />
+    </Content>
+    <Footer
+      repo={config.footer.repo}
+      links={config.footer.links}
+      license={config.footer.license}
+      commitID={process.env.COMMIT_SHORT_SHA || "HEAD"}
+    />
+  </Fragment>
+);
+
+export default App;
diff --git a/pages/_document.js b/pages/_document.js
new file mode 100644
index 0000000..c5fc359
--- /dev/null
+++ b/pages/_document.js
@@ -0,0 +1,15 @@
+import { Html, Head, Main, NextScript } from "next/document";
+
+const Document = () => {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+};
+
+export default Document;
diff --git a/styles/globals.css b/styles/globals.css
new file mode 100644
index 0000000..1c5fb1d
--- /dev/null
+++ b/styles/globals.css
@@ -0,0 +1,12 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Somehow tailwind doesn't include this??? */
+.aspect-photos {
+  aspect-ratio: 1 / 1;
+}
+
+.aspect-videos {
+  aspect-ratio: 16 / 9;
+}
