diff --git a/public/index.html b/public/index.html
index e884700..388eb02 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,14 +4,14 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Velkommen til Vårt Firebase Univers!</title>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
     <script defer src="/__/firebase/10.4.0/firebase-app-compat.js"></script>
-    <!-- Inkluder kun de funksjonene du trenger fra Firebase -->
     <!-- ... -->
     <script defer src="/__/firebase/init.js?useEmulator=true"></script>
     <style media="screen">
-        body { background: #ECEFF1; color: #333; font-family: 'Arial', sans-serif; margin: 0; padding: 0; }
-        #melding { background: #fff; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
-        #melding h2 { color: #44aaff; font-weight: bold; font-size: 20px; margin: 0 0 16px; }
+        body { background: #F2F2F2; color: #333; font-family: 'Poppins', sans-serif; margin: 0; padding: 0; }
+        #melding { background: #ffffff; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
+        #melding h2 { color: #007BFF; font-weight: 600; font-size: 24px; margin: 0 0 16px; }
         #melding p { line-height: 140%; margin: 16px 0; font-size: 16px; }
     </style>
 </head>