Created new main card and created a container for inner element of main page.

2023-08-31 22:27:21 +01:00
parent ba437de706
commit d69078ff26
4 changed files with 50 additions and 14 deletions
--- a/src/app.html
+++ b/src/app.html
@@ -3,6 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="stylesheet" type="text/css" href="vars.css">
 		<meta name="viewport" content="width=device-width" />
 		<meta name="color-scheme" content="dark" />
 		%sveltekit.head%
@@ -23,24 +24,12 @@
 				--font: Consolas, 'Cascadia Code';

 				background: var(--bg);
+				color: var(--fg);
 				font-family: var(--font);
 				font-size: 110%;
-				color: var(--fg);
 				margin: 2rem;
 			}

-			nav {
-				position: relative;
-				overflow:visible;
-				display: flex;
-				justify-content: center;
-				gap: 1.5em;
-				padding: 0em 0em 1.5em 0em;
-				z-index: 2;
-				height: 1.5em;
-				border-radius: 4px;
-			}
-
 			a {
 				text-decoration: none;				
 				position: relative;