styles: updated size of page

Author: Quantum-Yeti

index.html

@@ -29,6 +29,12 @@ <h1>
     Quantum Yeti
     <span class="ufo">🛸</span>
   </h1>
+  <p>
+    <a href="https://github.com/quantum-yeti">GitHub</a> •
+    <a href="https://quantumyeti.github.io">Portfolio</a> •
+    <a href="https://play.google.com/store/apps/dev?id=8208308725281252914">Google Play</a> •
+    <a href="https://www.sheetmusicplus.com/en/category/publishers/t/theoria-music-publishing/">Sheet Music</a>
+  </p>
 </header>
 
 <!-- About -->
@@ -53,21 +59,10 @@ <h2>&gt; Terminal</h2>
 
 <!-- Projects -->
 <section>
-  <h2>&gt; Projects</h2>
+  <h2>&gt; Featured Projects</h2>
   <div class="projects" id="repos">Loading repositories...</div>
 </section>
 
-<!-- Connect -->
-<section>
-  <h2>&gt; Connect</h2>
-  <p>
-    <a href="https://github.com/quantum-yeti">GitHub</a> •
-    <a href="https://quantumyeti.github.io">Portfolio</a> •
-    <a href="https://play.google.com/store/apps/dev?id=8208308725281252914">Google Play</a> •
-    <a href="https://www.sheetmusicplus.com/en/category/publishers/t/theoria-music-publishing/">Sheet Music</a>
-  </p>
-</section>
-
 <!-- Footer -->
 <footer>
   <p>&gt; © 2026 Quantum Yeti</p>
@@ -119,7 +114,7 @@ <h3>${repo.name}</h3>
   if(c === 'help'){
     appendOutput('Commands: <strong>help, about, projects, links, donate, clear</strong>');
   } else if(c === 'about'){
-    appendOutput('Software Developer • Java • Python • Rust.<br>I love building open source projects and creative software.');
+    appendOutput('I'm a software engineer that loves building open source projects and creative software to solve problems.');
   } else if(c === 'projects'){
     repos.forEach(r => appendOutput(`<a href="${r.url}" target="_blank">${r.name}</a>`));
   } else if(c === 'links'){

styles.css

@@ -9,13 +9,17 @@ body {
 }
 
 header, section, footer {
-  padding: 20px;
-  max-width: 900px;
+  padding: 15px;
+  max-width: 1080px;
   margin: auto;
   position: relative;
   z-index: 20; /* above stars */
 }
 
+h1 {
+    margin: 4px 0 0 0;
+}
+
 h1, h2 {
   color: #58a6ff;
   margin-bottom: 10px;
@@ -68,7 +72,7 @@ header h1 {
 
 /* UFO moves to the right side */
 header .ufo {
-  font-size: 80px;
+  font-size: 75px;
   margin-left: auto;      /* push it to the right */
   animation: float 2s ease-in-out infinite alternate;
 }
@@ -84,7 +88,7 @@ header .ufo {
   border-radius: 6px;
   padding: 12px 16px;
   margin: 40px auto;
-  max-width: 900px;
+  max-width: 1080px;
   color: #c9d1d9;
   font-family: 'JetBrains Mono', monospace;
   min-height: 300px;