diff --git a/src/components/home/home.scss b/src/components/home/home.scss
index e69de29..18497ea 100644
--- a/src/components/home/home.scss
+++ b/src/components/home/home.scss
@@ -0,0 +1 @@
+@import '../../styles/index';
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index ec2585e..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
diff --git a/src/index.js b/src/index.js
index fc3279f..b3c2f2e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,12 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
+
 import Home from './components/home';
 import * as serviceWorker from './serviceWorker';
 
+// Styles
+import './styles/_index.scss';
+
 ReactDOM.render(
   <React.StrictMode>
-    <h1>this site is atleast working</h1>
+    <Home />
   </React.StrictMode>,
   document.getElementById('root')
 );
diff --git a/src/styles/_colors.scss b/src/styles/_colors.scss
index d7cf8ed..5d84b9a 100644
--- a/src/styles/_colors.scss
+++ b/src/styles/_colors.scss
@@ -1 +1,8 @@
-$primary-color: #333;
+$primary-background: #fbf6f0;
+$primary-text: #3f4254;
+$secondary-text: #b5b5c3;
+
+body {
+  color: $primary-text;
+  background-color: $primary-background;
+}
diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss
new file mode 100644
index 0000000..129689f
--- /dev/null
+++ b/src/styles/_fonts.scss
@@ -0,0 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
+
+html {
+  font-family: 'Fira Sans', sans-serif;
+}
diff --git a/src/styles/_index.scss b/src/styles/_index.scss
new file mode 100644
index 0000000..ff28d1b
--- /dev/null
+++ b/src/styles/_index.scss
@@ -0,0 +1,2 @@
+@import './colors';
+@import './fonts';