From 314bcae1590a7650382becd10b9ddffe5d40c9cd Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sun, 2 Jul 2023 09:58:14 +0900
Subject: [PATCH] refactor(main): move class styles to svelte file

---
 apps/main/src/app.css             | 21 ---------------------
 apps/main/src/routes/+page.svelte | 19 +++++++++++++++++++
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/apps/main/src/app.css b/apps/main/src/app.css
index a55e2c4..19c150f 100644
--- a/apps/main/src/app.css
+++ b/apps/main/src/app.css
@@ -44,14 +44,6 @@ b {
     font-weight: 700;
 }
 
-/* main logo image */
-
-.logo {
-    aspect-ratio: auto 1 / 1;
-    border-radius: 50%;
-    margin: 5rem auto;
-}
-
 /* table */
 
 table {
@@ -82,16 +74,3 @@ th:nth-child(3),
 td:nth-child(3) {
     text-align: left;
 }
-
-/* Socials & Profiles */
-
-.socials-and-profiles {
-    margin-top: 3rem;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1.5rem;
-}
-
-.note {
-    color: #ffffffcc;
-}
diff --git a/apps/main/src/routes/+page.svelte b/apps/main/src/routes/+page.svelte
index 3da589d..a805f50 100644
--- a/apps/main/src/routes/+page.svelte
+++ b/apps/main/src/routes/+page.svelte
@@ -121,3 +121,22 @@
         <YouTube />
     </a>
 </div>
+
+<style>
+    .logo {
+        aspect-ratio: auto 1 / 1;
+        border-radius: 50%;
+        margin: 5rem auto;
+    }
+
+    .socials-and-profiles {
+        margin-top: 3rem;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1.5rem;
+    }
+
+    .note {
+        color: #ffffffcc;
+    }
+</style>