fix some icon animations

src/lib/components/Card.svelte

@@ -3,8 +3,8 @@ export let recipe
 export let current_month
 export let icon_override = false;
 export let search = "search_me"
-import "$lib/css/icon.css";
 import "$lib/css/shake.css";
+import "$lib/css/icon.css";
 
 if(icon_override){
 	current_month = recipe.season[0]

src/lib/components/EditRecipe.svelte

@@ -3,6 +3,7 @@
 	import Cross from '$lib/assets/icons/Cross.svelte';
 	import SeasonSelect from '$lib/components/SeasonSelect.svelte';
 	import '$lib/css/action_button.css'
+	import '$lib/css/shake.css'
 	import { redirect } from '@sveltejs/kit';
 	import { RecipeModelType } from '../../types/types';
 

src/lib/components/IconLayout.svelte

@@ -14,7 +14,9 @@
 		border-radius: 1000px;
     		box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.2);
 	}
-	a:hover{
+	a:hover,
+	a:focus-visible
+	{
 		--angle: 15deg;
 		animation: shake 0.5s ease forwards;
 	}

src/lib/components/MediaScroller.svelte

@@ -1,5 +1,5 @@
 <script>
-import "$lib/components/nordtheme.css"
+import "$lib/css/nordtheme.css"
 export let title
 </script>
 <style>

src/routes/rezepte/icon/+page.svelte

@@ -17,7 +17,9 @@
 		border-radius: 1000px;
     		box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.2);
 	}
-	a:hover{
+	a:hover,
+	a:focus-visible
+	{
 		--angle: 15deg;
 		animation: shake 0.5s ease forwards;
 	}