Set tagline font, small rearrangement

GDSC-NITJ · Jan 16, 2024 · eed5471 · eed5471
1 parent 8ab8bec
commit eed5471
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/public/minecraft.ttf b/public/minecraft.ttf
diff --git a/src/components/Hero/HeroSection.js b/src/components/Hero/HeroSection.js
@@ -21,15 +21,15 @@ function HeroSection() {
             className="w-70"
           />
         </div>
-        <div className="font-Minecrafter text-6xl font-black flex relative py-8 flex-col justify-center items-center">
+        <div className="font-Minecraft text-6xl font-normal flex relative py-8 flex-col justify-center items-center">
           <div className="flex relative">THINK OUTSIDE THE BOX</div>
           <div className="flex relative">HACK INSIDE IT</div>
         </div>
         <div className="flex relative flex-col justify-center items-center">
           <div className="flex relative text-2xl font-bold font-Space-Grotesk">
             Dig deeper
           </div>
-          <div className="flex relative">
+          <div className="flex relative pb-6">
             <img src={linkArrow.src} alt="#" />
           </div>
           <div className="flex relative" 

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -14,6 +14,11 @@
 /* // tailwind.css or your custom CSS file */
 @import url('https://fonts.googleapis.com/css2?family=Caveat&family=VT323&display=swap');
 
+@font-face {
+  font-family: "Minecraft";
+  src: url("../../public/minecraft.ttf");
+}
+
 
 
 html,

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -21,6 +21,7 @@ module.exports = {
         "Plus-Jakarta": ["Plus Jakarta Sans", "sans-serif"],
         "Red-Hat-Display": ["Red Hat Display", "sans-serif"],
         "Minecrafter": ["Minecrafter", "sans-serif"],
+        "Minecraft": ["Minecraft", "Minecrafter", "sans-serif"],
       },
       boxShadow: {
         "2xl": "3px 3px black",