From d2e0eb51a58f6d7c5bd50dcd7965645f7ab72840 Mon Sep 17 00:00:00 2001
From: lnminh1411 <minecraftgamemcgame2@gmail.com>
Date: Tue, 30 Jul 2024 21:07:12 +0700
Subject: [PATCH] Fixed spotify song art displaying too large

---
 index.html | 8 +++++---
 style.css  | 8 ++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 74ff3ad..5e350de 100644
--- a/index.html
+++ b/index.html
@@ -47,16 +47,18 @@
     </div>
     <header>
       <section style="width:100vw">
-        <h1><a href=https://youtu.be/p7YXXieghto target=_blank style=cursor:not-allowed>
+        <h1>
           <svg width=100% height=100%>
             <rect x=0 y=0 width=100% height=100% style="fill:none"></rect>
             <text x=50% y=96% text-anchor=middle>LNMinh</text>
           </svg>
           <pre id="titletxt">This page isn't working correctly!</pre>
-        </a></h1>
+        </h1>
       </section>
     </header>
-    <div class=factcontainer>Did you know: <div id=fact style="margin-right:12px">This page isn't working correctly? Check your internet and refresh!</div></div>
+    <a href=https://youtu.be/p7YXXieghto target=_blank style=cursor:not-allowed>
+      <div class=factcontainer>Did you know: <div id=fact style="margin-right:12px">This page isn't working correctly? Check your internet and refresh!</div></div>
+    </a>
     <main>
       <h3 data-aos="fade-in" >Contact me:</h3>
       <div style=align-items:center;opacity:.8><a href=https://discord.com/users/1243939761614356544 target=_blank onMouseOver="this.style.opacity='.3'" onMouseOut="this.style.opacity='.8'"><i data-aos="fade-in" class="bi bi-discord contactitem"></i>&emsp;</a><a href=https://github.com/lnminh1411/ target=_blank onMouseOver="this.style.opacity='.3'" onMouseOut="this.style.opacity='.8'"><i data-aos="fade-in" class="bi bi-github contactitem"></i>&emsp;</a><a href=https://www.instagram.com/lenhatminh1411 target=_blank onMouseOver="this.style.opacity='.3'" onMouseOut="this.style.opacity='.8'"><i data-aos="fade-in" class="bi bi-instagram contactitem"></i>&emsp;</a><a href=https://m.me/lenhatminh1411 target=_blank onMouseOver="this.style.opacity='.3'" onMouseOut="this.style.opacity='.8'"><i data-aos="fade-in" class="bi bi-messenger contactitem"></i>&emsp;</a><a href=https://www.facebook.com/lenhatminh1411 target=_blank onMouseOver="this.style.opacity='.3'" onMouseOut="this.style.opacity='.8'"><i data-aos="fade-in" class="bi bi-facebook contactitem"></i>&emsp;</a><a href="mailto:contact@lnminh1411.is-a.dev" onMouseOver="this.style.opacity='.3'" onMouseOut="this.style.opacity='.8'"><i data-aos="fade-in" class="bi bi-envelope-at contactitem"></i></a></div>
diff --git a/style.css b/style.css
index e9c1332..46bc17b 100644
--- a/style.css
+++ b/style.css
@@ -321,6 +321,14 @@ main {
     max-width: 137px
 }
 
+.art {
+    border-radius:5%;
+    width:7vw;
+    display:block;
+    max-height:137px;
+    max-width:137px;
+}
+
 .spotifyname {
     text-align: left;
     line-height: .4vw;