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>