From c0ad7d69d38005b6276b88b7fa2d64edf7ef6651 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Tue, 16 Sep 2025 13:35:28 +0100
Subject: [PATCH] fix: Replaced inline style

---
 src/lib/components/Section.svelte | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte
index 8abcdaf..12567fa 100644
--- a/src/lib/components/Section.svelte
+++ b/src/lib/components/Section.svelte
@@ -2,18 +2,12 @@
     export let label: string = '';
 </script>
 
-<style>
-    #sideway-label {
-        @apply tracking-widest [writing-mode:vertical-rl] [text-orientation:mixed];
-    }
-</style>
-
 <div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25">
     <!-- Sticky/Sliding Label -->
     <div class="hidden md:flex flex-col items-center mr-6">
         <div class="sticky top-24 left-0 z-10">
             <span id="sideway-label"
-                class="text-2xl font-bold text-blue-400"
+                class="text-2xl font-bold text-blue-400 tracking-widest [writing-mode:vertical-rl] [text-orientation:mixed]"
             >
                 {label}
             </span>