From fdad7710bd038c94503a08b7775fdcee6c9ae2bc Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sun, 2 Jul 2023 15:01:57 +0900
Subject: [PATCH] refactor(main): use tailwindcss for logo

---
 apps/main/src/routes/+page.svelte | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/apps/main/src/routes/+page.svelte b/apps/main/src/routes/+page.svelte
index 449f36f..a7bc7ae 100644
--- a/apps/main/src/routes/+page.svelte
+++ b/apps/main/src/routes/+page.svelte
@@ -29,7 +29,13 @@
     }
 </script>
 
-<img class="logo" src="/favicon.svg" alt="logo" width="200" height="200" />
+<img
+    class="mx-auto my-20 aspect-square rounded-full shadow-[0_0_40px_20px] shadow-dark-text-gray"
+    src="/favicon.svg"
+    alt="logo"
+    width="200"
+    height="200"
+/>
 
 <h1><HandWave />Hello! I am <b>developomp</b></h1>
 
@@ -90,10 +96,3 @@
         <YouTube />
     </a>
 </div>
-
-<style lang="scss">
-    .logo {
-        @apply mx-auto my-20 aspect-square rounded-full shadow-dark-text-gray;
-        box-shadow: 0 0 40px 20px;
-    }
-</style>