Fixed CSS loading issue

src/assets/scss/_reset.scss

@@ -1,4 +1,3 @@
-@charset "utf-8";
 /***
     The new CSS reset - version 1.8.5 (last updated 14.6.2023)
     GitHub page: https://github.com/elad2412/the-new-css-reset

src/assets/scss/theme.scss

@@ -1,3 +1,5 @@
+@charset "utf-8";
+
 @use 'reset';
 @use 'leaflet';
 

src/components/maps/worldStore.ts

@@ -6,7 +6,7 @@ let baseUrl: string
 const isDev = import.meta.env.DEV;
 
 if (isDev) {
-    baseUrl = "http://localhost:4321"
+    baseUrl = "http://localhost:4321/"
 } else {
     baseUrl = import.meta.env.SITE
 }

src/layouts/Layout.astro

@@ -38,6 +38,6 @@ const { title } = Astro.props;
 	</body>
 </html>
 
-<style lang="scss">
-    @use '../assets/scss/theme.scss';
+<style lang="scss" is:global>
+    @import '../assets/scss/theme.scss';
 </style>