Initial commit

1 files changed, 20 insertions, 19 deletions

diff --git a/src/App.tsx b/src/App.tsx
index a53698a..3505dc1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,26 +1,27 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+/** @jsx jsx */
+import { css, jsx, Global } from "@emotion/core";
+
+import LandingPage from "./pages/LandingPage";
+import colors from "./colors";
+
+const globalStyles = css`
+@import url('https://fonts.googleapis.com/css2?family=Hind:wght@700&display=swap');
+
+body {
+  background-color: ${colors.notQuiteBlack};
+  color: white;
+  font-family: "Hind", "Helvetica", "Arial", sans-serif;
+  margin: 0;
+}
+`;
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+    <div>
+      <Global styles={globalStyles}/>
+      <LandingPage/>
     </div>
   );
-}
+};
 
 export default App;