diff --git a/css/general.css b/css/general.css
index 316e28f..53f879a 100644
--- a/css/general.css
+++ b/css/general.css
@@ -1130,7 +1130,7 @@ section {
 }
 
 /* Signup Container */
-#signup-container {
+.signup-container {
     margin: 20px auto;
   }
   
@@ -1196,7 +1196,7 @@ section {
 }
 
 /* Signup Checklist */
-#checklist {
+.checklist {
   --text: #414856;
   --check: #00ff37;
   --disabled: #C3C8DE;
@@ -1207,7 +1207,7 @@ section {
   grid-template-columns: 0px auto;
   align-items: center;
 }
-#checklist label {
+.checklist label {
   color: var(--text);
   position: relative;
   cursor: pointer;
@@ -1216,24 +1216,24 @@ section {
   width: fit-content;
   transition: color 0.3s ease;
 }
-#checklist label::before, #checklist label::after {
+.checklist label::before, .checklist label::after {
   content: "";
   position: absolute;
 }
-#checklist label::before {
+.checklist label::before {
   height: 2px;
   width: 8px;
   left: -35px;
   border-radius: 2px;
 }
-#checklist label:after {
+.checklist label:after {
   height: 4px;
   width: 4px;
   top: 8px;
   left: -35px;
   border-radius: 50%;
 }
-#checklist input[type=checkbox] {
+.checklist input[type=checkbox] {
   appearance: none;
   position: relative;
   height: 15px;
@@ -1246,7 +1246,7 @@ section {
   display: grid;
   align-items: center;
 }
-#checklist input[type=checkbox]::before, #checklist input[type=checkbox]::after {
+.checklist input[type=checkbox]::before, .checklist input[type=checkbox]::after {
   content: "";
   position: absolute;
   height: 2px;
@@ -1254,33 +1254,33 @@ section {
   background: var(--check);
   border-radius: 2px;
 }
-#checklist input[type=checkbox]::before {
+.checklist input[type=checkbox]::before {
   width: 0px;
   transform-origin: right bottom;
   z-index: 2;
 }
-#checklist input[type=checkbox]::after {
+.checklist input[type=checkbox]::after {
   width: 0px;
   transform-origin: left bottom;
   z-index: 2;
 }
-#checklist input[type=checkbox]:checked::before {
+.checklist input[type=checkbox]:checked::before {
   animation: check-01 0.4s ease forwards;
   left: -36px;
 }
-#checklist input[type=checkbox]:checked::after {
+.checklist input[type=checkbox]:checked::after {
   animation: check-02 0.4s ease forwards;
   left: -31px;
 }
-#checklist input[type=checkbox]:checked + label {
+.checklist input[type=checkbox]:checked + label {
   color: var(--disabled);
     animation: move 0.3s ease 0.1s forwards;
 }
-#checklist input[type=checkbox]:checked + label::before {
+.checklist input[type=checkbox]:checked + label::before {
   background: var(--disabled);
     animation: slice 0.4s ease forwards;
 }
-#checklist input[type=checkbox]:checked + label::after {
+.checklist input[type=checkbox]:checked + label::after {
   animation: firework 0.5s ease forwards 0.1s;
   left: -33px;
 }
@@ -1409,7 +1409,7 @@ section {
   color: rgb(255, 208, 137)
 }
 
-#discord::after {
+.tooltip.discord::after {
   content: 'Discord';
   color: rgb(128, 130, 245);
   right: -70px;
@@ -1731,7 +1731,7 @@ section {
   right: -20px;
 }
 
-#workshop-link {
+.workshop-link {
   background: unset;
 }
 
@@ -1876,19 +1876,19 @@ section {
   left: -28px;
 }
 
-#rules-1::before {
+.rules-1::before {
   content: "1";
 }
-#rules-2::before {
+.rules-2::before {
   content: "2";
 }
-#rules-3::before {
+.rules-3::before {
   content: "3";
 }
-#rules-4::before {
+.rules-4::before {
   content: "4";
 }
-#rules-5::before {
+.rules-5::before {
   content: "5";
 }
 
@@ -1968,7 +1968,7 @@ section {
   margin: 10px 0;
 }
 
-#prize-column {
+.prize-column {
   display: flex;
   flex-flow: column-reverse;
 }
diff --git a/index.html b/index.html
index e7c304f..541fc52 100644
--- a/index.html
+++ b/index.html
@@ -277,16 +277,16 @@
                 </article>
                 <article id="signup-article">
                     <div id="signup-title">
-                        <h2 id="signup-header">Signup Checklist</h2>
+                        <h2 class="signup-header">Signup Checklist</h2>
                         <span class="caption">Click each step to cross it out!</span>
                     </div>
                     <div id="steps-card">
-                        <div id="signup-container">
+                        <div class="signup-container">
                             <div class="outer">
                               <div class="card">
                                 <div class="info">
                                     <!-- Checklist src: https://codepen.io/milanraring/pen/QWbqBGo -->
-                                    <div id="checklist">
+                                    <div class="checklist">
                                         <input id="01" onclick="save()" type="checkbox" name="r" value="1">
                                         <label for="01">
                                             <p class="title">1. Sign up w/ this <a onclick="check('01'); save()" class="link tooltip" id="signup-link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">form</a></p>
@@ -299,7 +299,7 @@
                               </div>
                               <div class="card">
                                 <div class="info">
-                                    <div id="checklist">
+                                    <div class="checklist">
                                         <input id="02" onclick="save()" type="checkbox" name="r" value="2">
                                         <label for="02">
                                             <p class="title">2. Join the <a onclick="check('02'); save()" class="link tooltip" id="discord-link" target="_blank" href="https://discord.gg/nkTDKMcYbr">Discord</a></p>
@@ -312,7 +312,7 @@
                               </div>
                               <div class="card">
                                 <div class="info">
-                                    <div id="checklist">
+                                    <div class="checklist">
                                         <input id="03" onclick="save()" type="checkbox" name="r" value="3">
                                         <label for="03">
                                             <p class="title">3. Create/join a team</p>
@@ -325,7 +325,7 @@
                               </div>
                               <div class="card">
                                 <div class="info">
-                                    <div id="checklist">
+                                    <div class="checklist">
                                         <input id="04" onclick="save()" type="checkbox" name="r" value="4">
                                         <label for="04">
                                             <p class="title">4. Start preparing</p>
@@ -342,7 +342,7 @@
                               </div>
                               <div class="card">
                                 <div class="info">
-                                    <div id="checklist">
+                                    <div class="checklist">
                                         <input id="05" onclick="save()" type="checkbox" name="r" value="5">
                                         <label for="05">
                                             <p class="title">5. Wait for the hackathon to start!</p>
@@ -373,7 +373,7 @@
                     </div>
                 </article>
             </div>
-            <article id="map-article">
+            <div id="map-article">
                 <div id="cal-parent">
                     <article id="cal-container">
                         <h2 class="map-title">Calendar</h2>
@@ -485,7 +485,7 @@
                         </div>
                     </article>
                 </div>
-            </article>
+            </div>
         </section>
         <section id="workshops">
             <h2 class="topic">Workshops</h2>
@@ -504,7 +504,7 @@
                         </div>
                     </div>
                     <div class="workshop-date">
-                        <a class="link tooltip cal-tooltip" id="workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220813T180000Z%2F20220813T190000Z&details=A%20chance%20for%20you%20to%20learn%20the%20world%27s%20most%20common%20version%20control%20system%3A%20Git%20--%20and%20how%20to%20create%20your%20own%20website%21&location=Gilroy%20Library&text=Web%20Dev%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 13</div></a>
+                        <a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220813T180000Z%2F20220813T190000Z&details=A%20chance%20for%20you%20to%20learn%20the%20world%27s%20most%20common%20version%20control%20system%3A%20Git%20--%20and%20how%20to%20create%20your%20own%20website%21&location=Gilroy%20Library&text=Web%20Dev%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 13</div></a>
                         <div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>11am - 12pm</div>
                         <div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>Gilroy Library</div>
                     </div>
@@ -541,7 +541,7 @@
                         </div>
                     </div>
                     <div class="workshop-date">
-                        <a class="link tooltip cal-tooltip" id="workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220813T200000Z%2F20220813T210000Z&details=Join%20us%20for%20a%20lecture%20on%20Python%20Programming%20basics.%20You%27ll%20learn%20basic%20data%20structures%20and%20be%20able%20to%20code%20your%20own%20programs%21&location=Gilroy%20Library&text=Python%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 13</div></a>
+                        <a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220813T200000Z%2F20220813T210000Z&details=Join%20us%20for%20a%20lecture%20on%20Python%20Programming%20basics.%20You%27ll%20learn%20basic%20data%20structures%20and%20be%20able%20to%20code%20your%20own%20programs%21&location=Gilroy%20Library&text=Python%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 13</div></a>
                         <div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>1 - 2pm</div>
                         <div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>Gilroy Library</div>
                     </div>
@@ -578,16 +578,16 @@
                 Failure to comply with these rules will result in disquilification.</div>
             <div id="rules-container">
                 <article id="guidelines">
-                    <h2 id="signup-header">Hackathon Guidelines</h2>
+                    <h2 class="signup-header">Hackathon Guidelines</h2>
                     <div id="rules-main-card">
-                        <div id="signup-container">
-                              <div class="rules-card" id="rules-1">
+                        <div class="signup-container">
+                              <div class="rules-card rules-1">
                                   <p class="rules-title">No cheating</a></p>
                                   <p>
                                       - Do not consult with other teams or work with anyone outside of the hackathon sphere (however, you may consult friends and family for advice)
                                 </p>
                               </div>
-                              <div class="rules-card" id="rules-2">
+                              <div class="rules-card rules-2">
                                 <p class="rules-title">Do not plagiarize</p>
                                 <p>
                                     - You are allowed to use existing libraries and packages with a valid license but required to give credit when credit is due (which also includes Creative Commons and <abbr class="tooltip-rules" title="Open-source software is computer software that is released under a license in which the copyright holder grants users the rights to use, study, change, and distribute the software and its source code to anyone and for any purpose">Open Source Projects</abbr>)
@@ -595,13 +595,13 @@
                                     - You may also use old projects as frameworks for your product, but you cannot work on any material that is related to the hackathon before the event
                                 </p>
                             </div>
-                            <div class="rules-card" id="rules-3">
+                            <div class="rules-card rules-3">
                                 <p class="rules-title">Maintain open communications with your team at all times</p>
                                 <p>
                                     - A good team player is one who is always able to be reached and assists in team duties when needed
                                 </p>
                             </div>
-                            <div class="rules-card" id="rules-4">
+                            <div class="rules-card rules-4">
                                 <p class="rules-title">Any resource is at your disposal</p>
                                 <p>
                                     - You may use a combination of software and hardware in your project
@@ -609,7 +609,7 @@
                                     - You may not copy others' unlicensed work
                                 </p>
                             </div>
-                            <div class="rules-card" id="rules-5">
+                            <div class="rules-card rules-5">
                                 <p class="rules-title">Ask for help when needed</p>
                                 <p>
                                     - Don't be afraid to ask questions in the Discord or ask an organizer directly
@@ -622,10 +622,10 @@
                     *subject to change
                 </article>
                 <article id="code-of-conduct">
-                    <h2 id="signup-header">Code of Conduct</h2>
+                    <h2 class="signup-header">Code of Conduct</h2>
                     <div id="code-main-card">
-                        <div id="signup-container">
-                            <div class="rules-card code-card" id="rules-1">
+                        <div class="signup-container">
+                            <div class="rules-card code-card rules-1">
                                 <p class="rules-title code-title">Treat everyone with respect</p>
                                 <p>
                                     - This includes team members, judges, organizers, volunteers, etc.
@@ -633,12 +633,12 @@
                                     - We reserve the right to refuse patronage to participants based on their actions
                               </p>
                             </div>
-                            <div class="rules-card code-card" id="rules-2">
+                            <div class="rules-card code-card rules-2">
                               <p class="rules-title code-title">Be appropriate</p>
                               <p>- Respond professionally with organizers, answer questions to the best of your ability, and ensure that your project is not offensive in any way <br>
                               </p>
                             </div>
-                          <div class="rules-card code-card" id="rules-3">
+                          <div class="rules-card code-card rules-3">
                               <p class="rules-title code-title">Respect one's privacy</p>
                               <p>
                                   - You may not photograph anyone without consent
@@ -646,7 +646,7 @@
                                   - Do not use anyone's likeness or property in any production without permission
                                 </p>
                           </div>
-                          <div class="rules-card code-card" id="rules-4">
+                          <div class="rules-card code-card rules-4">
                               <p class="rules-title code-title">Don't be lazy</p>
                               <p>
                                   - Help out anyone whenever possible (with navigation, signups, etc.), whether it's your teammate or another participant
@@ -654,7 +654,7 @@
                                   - You are required to provide adequete effort to your team
                               </p>
                           </div>
-                          <div class="rules-card code-card" id="rules-5">
+                          <div class="rules-card code-card rules-5">
                               <p class="rules-title code-title">Be ethical and equal</p>
                               <p>
                                   - Consider the ramifications of your actions; do not do anything that will reputably harm others or yourself
@@ -687,7 +687,7 @@
             <h2 class="topic">Prizes</h2>
             <hr class="line">
             <div id="prizes-container">
-                <article id="prize-column">
+                <div class="prize-column">
                     <div class="podium-description">
                         <div class="prize-desc" id="second-place">
                             <div class="prize-text">
@@ -701,8 +701,8 @@
                         <div class="podium-edge"></div>
                         <div id="second-podium"></div>
                     </div>
-                </article>
-                <article id="prize-column">
+                </div>
+                <div class="prize-column">
                     <div class="podium-description">
                         <div class="prize-desc" id="first-place">
                             <div class="prize-text">
@@ -720,8 +720,8 @@
                             <p class="podium-label" id="podium-label-2">Hacks</p>
                         </div>
                     </div>
-                </article>
-                <article id="prize-column">
+                </div>
+                <div class="prize-column">
                     <div class="podium-description">
                         <div class="prize-desc" id="third-place">
                             <div class="prize-text">
@@ -735,7 +735,7 @@
                         <div class="podium-edge"></div>
                         <div id="third-podium"></div>
                     </div>
-                </article>
+                </div>
             </div>
             <div id="prize-box">
                 Prizes will be in the form of these (very snazzy) items (amounts above are the estimated total value):<br>
@@ -763,7 +763,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Aadhavan Magesh</h4>
                             <h5 class="person-subtitle">Secretary</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>Skymon<span class="discord-tag">#0438</span></span><br><a class="link tooltip email-link" id="email-replace-aadhavan" target="_blank" href="mailto:aadhavan.magesh-at-gmail-dot-com">aadhavan.magesh (at) gmail (dot) com</a></h5>
                         </div>
@@ -776,7 +776,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Isaac Hwang</h4>
                             <h5 class="person-subtitle">Lead Organizer</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>Fesh<span class="discord-tag">#5995</span></span><br><a class="link tooltip email-link" id="email-replace-isaac" target="_blank" href="mailto:ihwang125-at-gmail-dot-com">ihwang125 (at) gmail (dot) com</a></h5>
                         </div>
@@ -786,7 +786,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Jonathan Tessmann</h4>
                             <h5 class="person-subtitle">Finance Manager</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>Alsace<span class="discord-tag">#5031</span></span><br><a class="link tooltip email-link" id="email-replace-jonathan" target="_blank" href="mailto:jonathantessmann-at-gmail-dot-com">jonathantessmann (at) gmail (dot) com</a></h5>
                         </div>
@@ -799,7 +799,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Vijay Kethanaboyina</h4>
                             <h5 class="person-subtitle">Outreach Manager</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>SURPRISE!!<span class="discord-tag">#8662</span></span><br><a class="link tooltip email-link" id="email-replace-vijay" target="_blank" href="mailto:vijaykethanaboyina-at-gmail-dot-com">vijaykethanaboyina (at) gmail (dot) com</a></h5>
                         </div>
@@ -812,7 +812,7 @@
                         <div class="team-description">
                             <h4 class="person-name">James Dinh</h4>
                             <h5 class="person-subtitle">Lead Website Designer</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>wellfedbison<span class="discord-tag">#0607</span></span><br><a class="link tooltip email-link" id="email-replace-james" target="_blank" href="mailto:jamesdinh77-at-protonmail-dot-com">jamesdinh77 (at) protonmail (dot) com</a></h5>
                         </div>
@@ -822,7 +822,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Clement Boiteux</h4>
                             <h5 class="person-subtitle">Tech Support</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>Spidey<span class="discord-tag">#8742</span></span><br><a class="link tooltip email-link" id="email-replace-ezra" target="_blank" href="mailto:ezrabridger27-at-gmail-dot-com">ezrabridger27 (at) gmail (dot) com</a></h5>
                         </div>
@@ -832,7 +832,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Mark Shen</h4>
                             <h5 class="person-subtitle">Tech Support</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>No Game No life<span class="discord-tag">#4534</span></span><br><a class="link tooltip email-link" id="email-replace-mark" target="_blank" href="mailto:markshen00-at-gmail-dot-com">markshen00 (at) gmail (dot) com</a></h5>
                         </div>
@@ -845,7 +845,7 @@
                         <div class="team-description">
                             <h4 class="person-name">Bryce Mankovsky</h4>
                             <h5 class="person-subtitle">Marketing Manager</h5>
-                            <h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                            <h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                 <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
                               </svg>bmank52<span class="discord-tag">#1664</span></span><br><a class="link tooltip email-link" id="email-replace-bryce" target="_blank" href="mailto:brycemankovsky-at-gmail-dot-com">brycemankovsky (at) gmail (dot) com</a></h5>
                         </div>
@@ -857,7 +857,7 @@
 <!--Footer-->
 <footer>
     <div id="footer-container">
-        <article id="footer-desc">
+        <div id="footer-desc">
             <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/></div>
             <p>
                 Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.
@@ -870,7 +870,7 @@
             <p id="footer-copyright">
                 © 2022 Gilroy Hacks. All Rights Reserved
             </p>
-        </article>
+        </div>
         <article id="footer-links">
             <h3 class="footer-title">Links</h3>
             <ul>