updates hovering behaviour of header items

src/lib/components/global/Header.svelte

@@ -182,9 +182,11 @@
         animation: blur 1s forwards ease;
         align-items: start;
     }
-    a:hover {
-        box-shadow: 0 0 0 1px white;
+
+    .titleWrapper:hover {
+        transform: scale(1.05);
     }
+
     @keyframes disappear {
         0% {
             font-size: 1rem;

src/lib/components/global/LanguageToggler.svelte

@@ -12,12 +12,14 @@
     <div class="languageToggler">
         <button id="en" title="English"
             on:click={() => handleLanguageToggle("en")}
-            class:active={$currentLanguage == "en"}>
+            class:inactive={$currentLanguage !== "en"}
+            class:active={$currentLanguage === "en"}>
             EN
         </button>
         <button id="de" title="Deutsch"
             on:click={() => handleLanguageToggle("de")}
-            class:active={$currentLanguage == "de"}>
+            class:inactive={$currentLanguage !== "de"}
+            class:active={$currentLanguage === "de"}>
             DE
         </button>
     </div>
@@ -69,7 +71,6 @@
         background: none;
         padding: .7em;
         cursor: pointer;
-        opacity: 1;
         aspect-ratio: 1;
         font-size: .8em;
         border-radius: 100%;
@@ -87,4 +88,9 @@
         position: absolute;
         left: -3px;
     }
+
+    .inactive:hover {
+        transform: scale(1.1);
+    }
+
 </style>

src/lib/components/global/Nav.svelte

@@ -9,13 +9,13 @@
 </script>
 
 
-<button   
-    style="display: {isOpen ? "block" : "none"};" 
-    on:click={() => {isOpen = false;}} 
-    class="defocus" />
+<button
+    style='display: {isOpen ? "block" : "none"};'
+    on:click={() => {isOpen = false;}}
+    class="defocus"></button>
 
 <nav>
-    <button title="menu" on:click={() => isOpen = !isOpen} class="burger {isOpen ? "burgerOpen" : ""}">
+    <button title="menu" on:click={() => isOpen = !isOpen} class='burger {isOpen ? "burgerOpen" : ""}'>
         {#each {length: 3} as _, i}
             <span></span>
         {/each}
@@ -74,8 +74,7 @@
         z-index: 1;
         position: absolute;
         right: 0;
-        margin: 0;
-        margin-top: 1em;
+        margin: 1em 0 0;
         padding: 0;
         flex-direction: column;
         list-style: none;
@@ -138,9 +137,11 @@
     .burgerOpen {
         position: relative;
     }
+
     .burger:hover {
-        outline: 1px solid white;
+        transform: scale(1.2);
     }
+
     .burger span {
         transition: all .2s ease;
         height: 2px;