update:big boy header

app.vue

@@ -2,6 +2,12 @@
 import Backdrop from "./components/Backdrop.vue";
 import Footer from "./components/Footer.vue";
 </script>
+<style>
+body,
+html {
+  font-family: "Poppins";
+}
+</style>
 <template>
   <div>
     <Backdrop />

components/BigTextMain.vue

@@ -0,0 +1,20 @@
+<script></script>
+<template>
+  <div class="ml-20 mt-20">
+    <img
+      src="https://avatars.githubusercontent.com/u/58448036?v=4"
+      height="200"
+      width="200"
+      class="pb-5"
+    />
+    <h1 class="font-bold text-5xl">
+      Hi I'm <span class="text-[#cba6f7] fancy-font">Saahil</span>
+    </h1>
+    <p class="pt-5">I am a teenage developer, designer and programmer</p>
+  </div>
+</template>
+<style>
+.fancy-font {
+  font-family: "Fuzzy Bubbles", sans-serif;
+}
+</style>

pages/index.vue

@@ -1 +1,3 @@
-<template>meow</template>
+<template>
+  <BigTextMain />
+</template>