Add assets and fonts

src/pages/index.js

@@ -3,16 +3,19 @@ import React from 'react'
 // Components
 import Button from '../components/atoms/Button'
 
+// Styles
+import '../styles/pages/home.scss'
+
 function Homepage() {
   return (
     <main className="home">
       <div className="grid">
         <div className="container-sm">
           <h1 className="title-layer1-700">
-            <span role="img" aria-label="wave">👋</span>
+            <span role="img" aria-label="wave">👋 </span>
             Assignment boilerplate
           </h1>
-          <Button>Doe is</Button>
+          <Button>Click here</Button>
         </div>
       </div>
     </main>

src/styles/base/_fonts.scss

@@ -1 +1,3 @@
 // Import font face here
+@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

src/styles/index.scss

@@ -4,6 +4,3 @@
 @import './base/reset';
 @import './base/base';
 @import './base/typography';
-
-// Pages
-@import './pages/home';

src/styles/pages/_home.scss → src/styles/pages/home.scss

@@ -1,4 +1,6 @@
 .home {
+  padding: 0 64px;
+
   h1 {
     margin: 96px 0;
   }