changed mobile view for Home

src/views/Home.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="main-content content text-center">
-    <div class="head pt-5 pb-5">
+    <div class="head pt-4 pb-4">
       <h1 class="text-warning fw-bold mt-lg-5">CSGO<span class="text-up text-white">WTF</span></h1>
       <h3 class="mb-lg-5">Open source CSGO data platform</h3>
     </div>
@@ -171,6 +171,15 @@ export default {
   }
 
   @media screen and (max-width: 768px) {
+    .head {
+      h1 {
+        font-size: 4rem;
+      }
+      h3 {
+        font-size: 2rem;
+        padding: 0 2rem;
+      }
+    }
     .recent-search {
       .player-card {
         height: 60px;
@@ -192,15 +201,13 @@ export default {
     }
   }
 
-  .body, hr {
+  .body {
     p {
       font-size: .9rem;
     }
 
-    svg {
-      height: 80px;
-      width: 80px;
-      fill: currentColor;
+    .fas {
+      font-size: 3rem;
     }
   }
 }