Add OwlBoard styling

2026-02-07 00:31:37 +00:00
parent 6c10cb628e
commit ca5e78e2b1
2 changed files with 43 additions and 44 deletions
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -107,7 +107,8 @@
 	/* Mobile-First Base Styles */
 	:global(body) {
 		margin: 0;
-		background-color: #f8fafc;
+		background-color: #404c55;
+        background-image: radial-gradient(#2b343c,#404c55);
 		color: #0f172a;
 		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 	}
@@ -120,13 +121,19 @@

 	.main-header {
 		margin-bottom: 1.5rem;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        background: #3c6f79;
+        color: #ebebeb;
 	}

 	.brand-container {
+        margin: 15px;
 		display: flex;
 		align-items: center;
 		gap: 1rem;
-		margin-bottom: 1.5rem;
 	}

 	.main-logo {
@@ -191,6 +198,7 @@
 		display: flex;
 		flex-direction: column;
 		gap: 1rem;
+        padding-top: 90px;
 	}

 	.card {