Css refactor + added link

Author: adhfmz8

css/main.css

@@ -16,38 +16,30 @@ body {
     background-color: var(--background-color);
 }
 
-p {
-    display: block;
+p, .funnel-display-title, .skills-title {
     text-align: center;
 }
 
+.funnel-display-title, .home-title, .project-title {
+    font-family: "Funnel Display", sans-serif;
+}
+
 .funnel-display-title {
-    text-align: center;
-     font-family: "Funnel Display", sans-serif;
-     font-optical-sizing: auto;
-     font-style: normal;
+    font-optical-sizing: auto;
+    font-style: normal;
     color: var(--text-color);
 }
-.home-title {
-    font-family: "Funnel Display", sans-serif;
+
+.home-title, .project-title {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
-    color: var(--text-color);
-
 }
 
 .project-title {
-    font-family: "Funnel Display", sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
     color: var(--secondary-color);
 }
 
@@ -78,13 +70,11 @@ a {
     color: var(--text-color);
     font-size: 2rem;
     margin-bottom: 2rem;
-    text-align: center;
 }
 
 .skills-grid {
     display: flex;
     flex-direction: row;
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 2rem;
     padding: 1rem;
 }
@@ -109,16 +99,10 @@ a {
 .skill-name {
     color: var(--text-color);
     font-size: 1.1rem;
-    text-align: center;
     margin: 0;
 }
 
 @media (max-width: 768px) {
-    .skills-grid {
-        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-        gap: 1rem;
-    }
-
     .skill-card {
         padding: 1rem;
     }

index.html

@@ -19,19 +19,23 @@
         <h1 class="funnel-display-title">Hi! I'm Nathan</h1>
         <p>
             I'm a Computer Science student at the University of Texas at El Paso.
-            I'm passionate about web development and enjoy creating responsive, user-friendly websites using modern technologies like Next.js and Node.js.
-            I'm currently seeking internship opportunities where I can contribute to innovative web projects while expanding my development skills.
+            I'm passionate about web development and enjoy creating responsive, user-friendly websites using modern
+            technologies like Next.js and Node.js.
+            I'm currently seeking internship opportunities where I can contribute to innovative web projects while
+            expanding my development skills.
         </p>
     </section>
     <section class="skills-section">
         <h2 class="skills-title">Links</h2>
         <div class="skills-grid">
             <div class="skill-card">
-                <a href="https://github.com/adhfmz8"><img src="assets/github-11-xxl.png"  alt="Github" class="skill-icon"/></a>
+                <a href="https://github.com/adhfmz8"><img src="assets/github-11-xxl.png" alt="Github"
+                                                          class="skill-icon"/></a>
                 <h3 class="skill-name">Github</h3>
             </div>
             <div class="skill-card">
-                <a href="https://www.linkedin.com/in/nkdiamond1/"><img src="assets/LI-In-Bug.png"  alt="LinkedIn" class="skill-icon"/></a>
+                <a href="https://www.linkedin.com/in/nkdiamond1/"><img src="assets/LI-In-Bug.png" alt="LinkedIn"
+                                                                       class="skill-icon"/></a>
                 <h3 class="skill-name">LinkedIn</h3>
             </div>
 
@@ -43,7 +47,8 @@ <h3 class="skill-name">LinkedIn</h3>
         <h2 class="skills-title">Skills</h2>
         <div class="skills-grid">
             <div class="skill-card">
-                <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" class="skill-icon" alt="Python">
+                <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg"
+                     class="skill-icon" alt="Python">
                 <h3 class="skill-name">Python</h3>
             </div>
             <div class="skill-card">
@@ -55,19 +60,23 @@ <h3 class="skill-name">Go</h3>
                 <h3 class="skill-name">R</h3>
             </div>
             <div class="skill-card">
-                <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original-wordmark.svg" alt="Java" class="skill-icon">
+                <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original-wordmark.svg"
+                     alt="Java" class="skill-icon">
                 <h3 class="skill-name">Java</h3>
             </div>
         </div>
     </section>
 
     <section class="skills-section">
 
-    <h2 class="project-title">Current project</h2>
-    <p>I am working on QFuzz: Quantitative Fuzzing for Side Channels
-        <a href="https://yannicnoller.github.io/assets/pdf/issta2021_noller_qfuzz.pdf">
-            Read more about this project here</a>
-    </p>
+        <h2 class="project-title">Current project</h2>
+        <p>I am working on QFuzz: Quantitative Fuzzing for Side Channels
+            <a href="https://yannicnoller.github.io/assets/pdf/issta2021_noller_qfuzz.pdf">
+                Read more about this project here</a>
+        </p>
+        <p>
+            Check out <a href="https://github.com/AshkanArabim/newsbridge">NewsBridge!</a>
+        </p>
 
     </section>
 </main>