Add underline to links and increase navigation menu bottom padding

index.html

@@ -15,7 +15,7 @@ <h3 class="text-2xl"><a href="#hero">DandyHacks &OpenCurlyQuote;23</a></h3>
       <input class="absolute w-8 h-8 opacity-0 peer md:hidden" type="checkbox" />
       <div class="fixed top-0 left-0 w-screen h-screen bg-black opacity-0 pointer-events-none peer-checked:pointer-events-auto transition-opacity peer-checked:opacity-50 md:hidden"></div>
       <img class="md:hidden" src="img/icons/hamburger.png" />
-      <ul class="fixed top-0 right-0 z-30 flex flex-col justify-end h-screen py-16 text-3xl font-bold transition-transform gap-8 md:flex-row md:text-xl px-9 md:p-0 w-72 bg-violet peer-checked:translate-x-0 translate-x-72 md:bg-deep-purple md:translate-x-0 md:w-fit md:h-fit md:relative md:gap-16 md:transition-none">
+      <ul class="fixed top-0 right-0 z-30 flex flex-col justify-end h-screen pb-32 text-3xl font-bold transition-transform gap-8 md:flex-row md:text-xl px-9 md:p-0 w-72 bg-violet peer-checked:translate-x-0 translate-x-72 md:bg-deep-purple md:translate-x-0 md:w-fit md:h-fit md:relative md:gap-16 md:transition-none">
         <li class="text-right"><a href="#about">About</a></li>
         <li class="text-right"><a href="#faq">FAQ</a></li>
         <li class="hidden text-right lg:block"><a href="#sponsoring">Sponsoring</a></li>
@@ -116,7 +116,7 @@ <h2 class="text-5xl">FAQS</h2>
               Hackers do not have to pay to participate. Hackers just need to
               register and check-in upon arrival. Registration will open up in
               early September, but you may join discord and follow us on Instagram
-              <a href="https://www.instagram.com/dandyhacks">@dandyhacks</a> to
+              <a class="underline" href="https://www.instagram.com/dandyhacks">@dandyhacks</a> to
               stay up to date on all things DandyHacks!
             </p>
           </details>
@@ -136,7 +136,7 @@ <h2 class="text-5xl">FAQS</h2>
               <img src="img/icons/plus.png" />
             </summary>
             <p>
-              <a href="https://www.rochester.edu/coronavirus-update/">University of Rochester COVID-19 protocols</a>.
+              Please see the <a class="underline" href="https://www.rochester.edu/coronavirus-update/">University of Rochester COVID-19 protocols</a>.
             </p>
           </details>
           <details>
@@ -166,9 +166,8 @@ <h2 class="text-5xl">FAQS</h2>
               <img src="img/icons/plus.png" />
             </summary>
             <p>
-              Reach out to us at [email protected] or reach out to us on
-              Instagram
-              <a href="https://www.instagram.com/dandyhacks">@dandyhacks</a>!
+              Reach out to us at <a class="underline" href="mailto:[email protected]">our email</a>
+              or on <a class="underline" href="https://www.instagram.com/dandyhacks">our Instagram</a>!
             </p>
           </details>
         </div>

styles.css

@@ -2053,11 +2053,6 @@ h1, h2, h3, h4, h5, h6 {
   padding-right: 2.25rem;
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
 .py-24 {
   padding-top: 6rem;
   padding-bottom: 6rem;
@@ -2073,10 +2068,18 @@ h1, h2, h3, h4, h5, h6 {
   padding-bottom: 1.25rem;
 }
 
+.pb-32 {
+  padding-bottom: 8rem;
+}
+
 .pb-7 {
   padding-bottom: 1.75rem;
 }
 
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
 .text-left {
   text-align: left;
 }