do not register service worker on development

frontend/src/lib/components/Route.svelte

@@ -22,6 +22,7 @@
 		box-shadow: 0 0 50px #ccc;
 		border-radius: 30px;
 		width: calc((100% - 50px) / 2);
+		height: calc(100vh/3 - 10vh );
 		font-size: 18px;
 	}
 

frontend/src/routes/+layout.svelte

@@ -6,6 +6,8 @@
 	let node;
 
 	onMount(() => {
+		if(import.meta.env.DEV) return; 
+		
 		if ('serviceWorker' in navigator) {
 			addEventListener('load', function () {
 				navigator.serviceWorker.register('/service-worker.js');

frontend/src/routes/+page.svelte

@@ -16,13 +16,10 @@
 
 <style>
 	main {
-		width: 100%;
+		display: grid;
+		margin: 0 auto;
 		height: 100%;
-		margin: 0px;
 		font-family: 'Roboto-Regular';
-		display: flex;
-		flex-direction: column;
-		place-items: center;
 	}
 
 	.bold {
@@ -31,7 +28,6 @@
 	}
 	#welcome-message {
 		font-size: 18px;
-		height: 15%;
 		display: grid;
 		width: 100%;
 		place-content: center;
@@ -40,11 +36,7 @@
 	}
 
 	#route-cards {
-		height: 80%;
+		display: grid;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
 		width: 100%;
-		align-items: center;
 	}
 </style>

frontend/src/routes/paths/[slug]/+page.svelte

@@ -20,7 +20,7 @@
 		gap: 15px;
 		padding-top: 10px;
 		margin-top: 70px;
-		height: calc(100% - 140px - 10vh);
+		height: calc(100% - 70px - 10vh);
 		overflow-y: scroll;
 	}
 </style>

frontend/src/routes/routes/[slug]/+page.svelte

@@ -38,7 +38,7 @@
 
     img {
         width: 100%;
-        height: 100%;
+        height: calc(100% - 10vh);
         position: absolute;
         z-index: -1;
     }