From 05c1a3d9b3bf2df8bdb60807175771bb8682b8ef Mon Sep 17 00:00:00 2001
From: imnyang <me@imnyang.xyz>
Date: Thu, 5 Dec 2024 18:41:44 +0900
Subject: [PATCH] =?UTF-8?q?=EC=96=B4=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css | 4 ++++
 src/app/page.tsx    | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index e787ec4..05988e9 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -23,4 +23,8 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
+}
+
+.avatar:hover {
+    animation: rotate 1000ms linear infinite;
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 81308aa..e7923aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -104,7 +104,7 @@ export default function Home() {
   return (
     <div className="main">
       <div className="profile flex flex-col items-center gap-4">
-        <Image src={imageSrc} width={128} height={128} className="rounded-full" alt="Profile" priority />
+        <Image src={imageSrc} width={128} height={128} className="rounded-full avatar" alt="Profile" priority />
         <h1 className="text-white text-2xl font-bold">hyun._.suk</h1>
         <div className="flex flex-row gap-6">
           {isMobile && (