diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
index 463abf5..3f248e1 100644
--- a/app/assets/stylesheets/application.css.scss
+++ b/app/assets/stylesheets/application.css.scss
@@ -14,13 +14,10 @@
  *= require_self
  */
 @import "bulma/sass/utilities/initial-variables";
-@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Lobster&display=swap');
-
-$family-sans-serif: "Helvetica",
-"Arial",
-sans-serif;
-$family-primary: 'Quicksand', sans-serif;
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Lobster&family=Comfortaa:wght@400;500;600;700&display=swap');
 
+$family-sans-serif: 'Roboto', sans-serif;
+$family-secondary: 'Comfortaa', cursive;
 // // https://coolors.co/06aed5-086788-f0c808-fff1d0-dd1c1a
 // $blue: #083d77;
 // $red: #dd1c1a;
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 93d8579..5be9a9b 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -1,5 +1,12 @@
-<div class="hero">
-    <h1>Welcome</h1>
-
-    <%= link_to "Login", login_url %>
-</div>
\ No newline at end of file
+<section class="hero is-medium is-dark is-bold">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title is-family-secondary has-text-weight-bold">
+        Welcome
+      </h1>
+      <p class="subtitle is-size-6 has-text-white">
+        Generate forms instantly
+      </p>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index b48478b..d3a893c 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -45,7 +45,7 @@
       </nav>
     </div>
   </div>
-  <main class="container">
+  <main>
     <%= yield %>
   </main>
 </body>