From 7f1d17ee095b1cd9934ab1605f339bf3507a25de Mon Sep 17 00:00:00 2001
From: Alex <alex@pop-os.heliobroadband.com>
Date: Fri, 5 Jun 2026 10:58:55 -0700
Subject: [PATCH] Font size fixes for terminal

---
 assets/styles/landing.css                 | 10 +++++-----
 assets/styles/scss/landing/_computer.scss | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/assets/styles/landing.css b/assets/styles/landing.css
index 41d20db..f1aebbd 100644
--- a/assets/styles/landing.css
+++ b/assets/styles/landing.css
@@ -119,13 +119,13 @@
   display: flex;
   min-height: 100vh;
   justify-content: center;
-  align-items: flex-start;
+  align-items: center;
   width: 100%;
 }
 .home #root.v1 .top .computer {
   display: block;
   max-width: 800px;
-  max-height: 600px;
+  max-height: 400px;
   width: 100%;
   height: 100%;
   background-color: #1d1f20;
@@ -143,7 +143,7 @@
 }
 @media screen and (min-width: 600px) {
   .home #root.v1 .top .computer .heading {
-    font-size: 1.5rem;
+    font-size: 1rem;
   }
 }
 .home #root.v1 .top .computer .heading:before {
@@ -183,7 +183,7 @@
 }
 @media screen and (min-width: 600px) {
   .home #root.v1 .top .computer #body .about {
-    font-size: 2rem;
+    font-size: 1.125rem;
     animation: showText 0.1s forwards;
     animation-delay: 1s;
   }
@@ -227,7 +227,7 @@
 }
 @media screen and (min-width: 600px) {
   .home #root.v1 .top .computer #outro .menu a {
-    font-size: 2rem;
+    font-size: 1.125rem;
   }
 }
 .home #root.v1 .bottom {
diff --git a/assets/styles/scss/landing/_computer.scss b/assets/styles/scss/landing/_computer.scss
index 87fff65..3e1ea32 100644
--- a/assets/styles/scss/landing/_computer.scss
+++ b/assets/styles/scss/landing/_computer.scss
@@ -140,13 +140,13 @@
         display: flex;
         min-height: 100vh;
         justify-content: center;
-        align-items: flex-start;
+        align-items: center;
         width: 100%;
 
         .computer {
           display: block;
           max-width: 800px;
-          max-height: 600px;
+          max-height: 400px;
           width: 100%;
           height: 100%;
           background-color: colors.$primaryBlack;
@@ -164,7 +164,7 @@
             padding-left: 1rem;
 
             @media screen and (min-width: 600px) {
-              font-size: 1.5rem;
+              font-size: 1rem;
             }
       
             &:before {
@@ -210,7 +210,7 @@
               color: colors.$primaryYellow;
 
               @media screen and (min-width: 600px) {
-                font-size: 2rem;
+                font-size: 1.125rem;
                 animation: showText 0.1s forwards;
                 animation-delay: 1s;
               }
@@ -257,7 +257,7 @@
                 cursor: pointer;
 
                 @media screen and (min-width: 600px) {
-                  font-size: 2rem;
+                  font-size: 1.125rem;
                 }
               }
             }