change headers

2 files changed, 32 insertions, 43 deletions

diff --git a/css/index.css b/css/index.css
index c06a380..3b2d987 100644
--- a/css/index.css
+++ b/css/index.css
@@ -15,6 +15,33 @@ html #about a{
     fill: #444;
 }
 
+h1 {
+    font-size: 45px;
+    width: 500px;
+}
+
+h2 {
+    font-size: 25px;
+    width: 500px;
+}
+
+h3 {
+    font-size: 20px;
+}
+
+/* media query for mobile */
+@media only screen and (max-width: 600px) {
+    h2 {
+        font-size: 33px;
+        width: 300px;
+    }
+
+    h3 {
+        font-size: 23px;
+        width: 300px;
+    }
+}
+
 nav {
     width: 100vw;
     font-weight: 600;
@@ -87,29 +114,6 @@ header {
     text-align: center;
 }
 
-header h1 {
-    font-size: 45px;
-    width: 500px;
-}
-
-header h2 {
-    font-size: 25px;
-    width: 500px;
-}
-
-/* Header media query for mobile */
-@media only screen and (max-width: 600px) {
-    header h1 {
-        font-size: 33px;
-        width: 300px;
-    }
-
-    header h2 {
-        font-size: 23px;
-        width: 300px;
-    }
-}
-
 header a {
     text-decoration: none;
 }
@@ -148,13 +152,6 @@ svg:hover {
     width: 1000px;
 }
 
-#about h1 {
-    font-size: 25px;
-}
-
-#about h2 {
-    font-size: 20px;
-}
 
 #about p{
     font-size: 18px;
@@ -178,14 +175,6 @@ svg:hover {
         width: 90%;
     }
 
-    #about h1 {
-        font-size: 1.5rem;
-    }
-
-    #about h2 {
-        font-size: 1.25rem;
-    }
-
     #about p, #about ul li {
         font-size: 1rem;
     }
diff --git a/index.html b/index.html
index afbd9f4..949d9f2 100644
--- a/index.html
+++ b/index.html
@@ -96,11 +96,11 @@
     </a>
 
     <section id="about">
-        <h1>About Me</h1>
+        <h2>About Me</h2>
         <p>I am a freshman in Computer Science at the University of Texas at Austin - also in <a href="https://fri.cns.utexas.edu/" target="_blank">FRI</a> Quantum Computing. I manage a Debian based home server where I self-host everything I can. In addition to this, I actively work on personal projects, <i>most</i> of which are open-sourced.</p>
         <p>View my projects on <a href="https://github.com/packetparker" target="_blank">GitHub</a> (mostly mirrors), or my personal <a href="https://git.pkrm.dev" target="_blank">cgit</a> instance for something a little lighter.</p>
         <br>
-        <h1>Things I run on my server</h1>
+        <h2>Things I run on my server</h2>
         <ul>
             <li><a href="https://www.wireguard.com/" target="_blank">WireGuard</a>: My own personal VPN</li>
             <li><a href="https://syncthing.net/" target="_blank">Syncthing</a>: Sync important files across all of my machines</li>
@@ -135,9 +135,9 @@
             <li>... and <i>a lot</i> of various other projects and tools.</li>
         </ul>
         <br>
-        <h1>Personal Projects</h1>
+        <h2>Personal Projects</h2>
 
-        <h2>Top 3</h2>
+        <h3>Top 3</h3>
         <ul>
             <li>
                 <a href="https://www.github.com/packetparker/guava" target="_blank">
@@ -166,7 +166,7 @@
             <li><a href="https://www.congressionalappchallenge.us/23-TX06/" target="_blank">EduStore</a> (Closed Source): Inventory management for school districts. Developed during my internship at and for Mansfield ISD. Won 1st place in the Congressional App Challenge for Texas' 6th District.</li>
         </ul>
 
-        <h2>Others</h2>
+        <h3>Others</h3>
         <ul>
             <li>
                 <a href="https://www.github.com/packetparker/cordarr" target="_blank">