From 6a933ed5ad0bc1829ef6f94a6555e52a899e2209 Mon Sep 17 00:00:00 2001
From: Debargha Roy <30570555+debargharoy@users.noreply.github.com>
Date: Tue, 11 May 2021 00:01:48 +0530
Subject: [PATCH] Move style to end of file

---
 .../05-svelte-body/app-b/App.svelte           | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte b/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte
index ac946962eb..238da2ab18 100644
--- a/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte
+++ b/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte
@@ -5,6 +5,18 @@
 	const handleMouseleave = () => hereKitty = false;
 </script>
 
+<svelte:body
+	on:mouseenter={handleMouseenter}
+	on:mouseleave={handleMouseleave}
+/>
+
+<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
+<img
+	class:curious={hereKitty}
+	alt="Kitten wants to know what's going on"
+	src="tutorial/kitten.png"
+>
+
 <style>
 	img {
 		position: absolute;
@@ -23,15 +35,3 @@
 		overflow: hidden;
 	}
 </style>
-
-<svelte:body
-	on:mouseenter={handleMouseenter}
-	on:mouseleave={handleMouseleave}
-/>
-
-<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
-<img
-	class:curious={hereKitty}
-	alt="Kitten wants to know what's going on"
-	src="tutorial/kitten.png"
->
\ No newline at end of file