From 9af04fb94793f51bf9a74818e1199f137e1e2db2 Mon Sep 17 00:00:00 2001
From: IgboPharaoh <solomoneze62@gmail.com>
Date: Tue, 6 Aug 2024 10:19:35 +0100
Subject: [PATCH] fix: disappearing icon position

---
 index.html |  2 +-
 output.css | 45 ++++++++++++++-------------------------------
 2 files changed, 15 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index 0462bbf..cedf91c 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@ <h1 class="text-4xl sm:text-4xl md:text-7xl font-bold">The Bitcoin Scholarship</
             Apply
           </a>
         </section>
-        <section class="flex w-full items-center justify-center lg:pb-16">
+        <section class="flex w-full items-center justify-center pb-20">
           <a class="border-[1.5px] border-[#2d2d2d] animate-bounce p-2 backdrop-blur-0 rounded-[50%] bg-[#f6f4f4]" href="/#faq">
             <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path
diff --git a/output.css b/output.css
index 2e6dff5..e9d0736 100644
--- a/output.css
+++ b/output.css
@@ -1883,11 +1883,6 @@ video {
   border-color: rgb(107 114 128 / var(--tw-border-opacity));
 }
 
-.border-red-700 {
-  --tw-border-opacity: 1;
-  border-color: rgb(185 28 28 / var(--tw-border-opacity));
-}
-
 .bg-\[\#f6f4f4\] {
   --tw-bg-opacity: 1;
   background-color: rgb(246 244 244 / var(--tw-bg-opacity));
@@ -2039,33 +2034,25 @@ video {
   padding-right: 1.5rem;
 }
 
-.py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
 .py-20 {
   padding-top: 5rem;
   padding-bottom: 5rem;
 }
 
-.py-1 {
-  padding-top: 0.25rem;
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
+.pb-1 {
   padding-bottom: 0.25rem;
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
+.pb-2 {
+  padding-bottom: 0.5rem;
 }
 
-.pb-8 {
-  padding-bottom: 2rem;
+.pb-20 {
+  padding-bottom: 5rem;
 }
 
 .text-left {
@@ -2735,16 +2722,16 @@ html {
     max-height: 100vh;
   }
 
-  .md\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
   .md\:py-24 {
     padding-top: 6rem;
     padding-bottom: 6rem;
   }
 
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
   .md\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
@@ -2777,10 +2764,6 @@ html {
 }
 
 @media (min-width: 1024px) {
-  .lg\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
   .lg\:pb-16 {
     padding-bottom: 4rem;
   }