Implement index

All noramlization css is placed in index and the layout component is
mounted here

2 files changed, 14 insertions, 16 deletions

diff --git a/src/index.css b/src/index.css
index 5615a96..bc98e8c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,9 +1,12 @@
-@import "./index.config.css";
+@import "./globals.css";
 
-.app {
-  font-size: $fontSize;
-        display: flex;
-  @if 3 < 5 {
-    background: rebeccapurple;
-  }
+body {
+  font-family: system-ui;
+  background: var(--bgColor);
+  color: var(--fontColor);
+}
+
+a {
+  color: var(--fontColor);
+  text-decoration: none;
 }
diff --git a/src/index.js b/src/index.js
index 2eee1b6..b13c779 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,15 +1,10 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import FA from 'react-fontawesome'
 
-import { app } from './index.css'
-import { anotherOne } from './index.css.js'
+import  './index.css'
 import '../node_modules/font-awesome/css/font-awesome.css'
+import '../fonts/beachbar-bold/beachbar-bold.css'
 
-const App = p =>
-  <div className={[app,anotherOne].join(' ')}>
-    <FA name='github' />
-    {p.text}
-  </div>
+import Layout from './components/layout/layout'
 
-ReactDOM.render(<App title='hello world' />, document.getElementById('root'))
+ReactDOM.render(<Layout />, document.getElementById('root'))