From de0c7acd17c23ea8442d4c5f7be6baaae76b4b9e Mon Sep 17 00:00:00 2001
From: reiyua <rei@reiyua.lol>
Date: Sat, 7 Sep 2024 14:56:28 +1000
Subject: [PATCH] Modify HTML and CSS to incorporate logos with hyyperlinks,
 GitHub link too small.

---
 index.html |  8 +++++++-
 styles.css | 17 ++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 568e39e..d3ab69f 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
     </video>
     <div class="centered-content">
         <h1>reiyua</h1>
-        <p class="email">rei@reiyua.lol</p>
+        <p class="tagline">20 year old gamer and qualified IT Guru.</p>
         <div class="social-icons">
             <a href="https://instagram.com/rreiyua" target="_blank">
                 <img src="assets/instagram-logo.png" alt="Instagram" class="social-logo">
@@ -31,6 +31,12 @@
             <a href="https://github.com/reiyua" target="_blank">
                 <img src="assets/github-logo.png" alt="GitHub" class="social-logo github-logo">
             </a>
+            <a href="https://x.com/rreiyua" target="_blank">
+                <img src="assets/x-logo.png" alt="X / Twitter" class="social-logo x-logo">
+            </a>
+            <a href="mailto:rei@reiyua.lol" target="_blank">
+                <img src="assets/email-logo.png" alt="Email" class="social-logo">
+            </a>
         </div>
     </div>
     <div class="credit">
diff --git a/styles.css b/styles.css
index f15cf7f..b8ce52f 100644
--- a/styles.css
+++ b/styles.css
@@ -33,7 +33,7 @@ h1 {
     color: #ffffff;
 }
 
-.email {
+.tagline {
     font-size: 1.2em;
     margin-top: 10px;
     color: #ffffff;
@@ -70,14 +70,17 @@ h1 {
     height: 50px;
     object-fit: contain;
     transition: transform 0.3s ease;
+    margin-left: 0;
+    margin-right: 0;
 }
 
 .social-logo.github-logo {
-    width: 90px; /* Increase the size of the GitHub logo slightly */
-    height: 90px;
-    margin-left: -30px;
+    width: 60px !important;
+    height: 60px !important;
 }
 
-.social-logo:hover {
-    transform: scale(1.2);
-}
+.social-logo.x-logo,
+.social-logo.email-logo {
+    width: 50px; 
+    height: 50px;
+}
\ No newline at end of file