From d893c52947448f858f79c594c99c1df71d7e04ba Mon Sep 17 00:00:00 2001
From: artie <artur8259@outlook.com>
Date: Mon, 26 Jun 2023 22:07:42 +0200
Subject: [PATCH] style fixes

---
 src/components/Centerpiece.astro |  2 +-
 src/components/Icons.astro       | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Centerpiece.astro b/src/components/Centerpiece.astro
index 12f145e..69f3023 100644
--- a/src/components/Centerpiece.astro
+++ b/src/components/Centerpiece.astro
@@ -12,7 +12,7 @@ import blobHeart from "../assets/blobheart.png";
     >
     <img class="align-top lg:w-12 w-10 inline-block pointer-events-none select-none" src={blobHeart} alt="blob heart" />
   </h1>
-  <p class="lg:text-2xl text-xl xl:mt-4 mt-2 hover:scale-110 transition duration-50">a self-taught code archwizard</p>
+  <p class="lg:text-2xl text-xl lg:mt-4 mt-2 hover:scale-110 transition duration-50">a self-taught code archwizard</p>
 </div>
 
 <style>
diff --git a/src/components/Icons.astro b/src/components/Icons.astro
index 59f1525..c3ce167 100644
--- a/src/components/Icons.astro
+++ b/src/components/Icons.astro
@@ -2,17 +2,19 @@
 import { Icon } from "astro-icon";
 ---
 
-<div class="flex gap-x-3 xl:mt-6 mt-5">
+<div class="flex flex-wrap justify-center gap-x-3 lg:mt-6 mt-5">
   <a href="https://github.com/artiemis" target="_blank">
     <Icon name="mdi:github" />
   </a>
   <a class="group relative" href="https://discord.com/users/134306884617371648" target="_blank">
     <Icon class="hover:text-[#5865F2]" name="mdi:discord" />
-    <img
-      class="xl:group-hover:opacity-100 absolute top-10 left-8 z-10 transition-opacity xl:max-w-none opacity-0 pointer-events-none"
-      src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true&showDisplayName=true&bg=313244"
-      alt="Discord Presence"
-    />
+    <div class="absolute xl:w-[28rem] top-10 left-8 z-10 xl:group-hover:opacity-100 transition-opacity opacity-0 pointer-events-none">
+      <img
+        class="pointer-events-none"
+        src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true&showDisplayName=true&bg=313244"
+        alt="Discord Presence"
+      />
+    </div>
   </a>
   <a rel="me" href="https://infosec.exchange/@artie" target="_blank">
     <Icon class="hover:text-[#6364FF]" title="@artie@infosec.exchange" name="mdi:mastodon" />