Initial commit

src/app/globals.css

@@ -1,26 +1,38 @@
 @import "tailwindcss";
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
+@plugin "daisyui";
+.calculators-container{
+  display: grid;
+  grid-template-areas:"navbar navbar" "sidebar content" "footer footer";
+  height: 100vh;
 }
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+.navbar{
+  grid-area: navbar;
+  background: 	#ed1b24;     
+  color: #FFFFFF;
 }
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+#logo{
+  transform: translateY(1px);
 }
-
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+.sidebar{
+  grid-area: sidebar;
+  color: #E5E7EB;
+  background: #F9FAFB;
 }
+.content{
+  grid-area: content;
+  background: #F9FAFB;  /* soft white */
+}
+.footer{
+  grid-area: footer;
+  background: #cccccc;   
+}
+.website-name {
+  font-size: 18px;
+  font-weight: 600;
+  align-self: center;
+  line-height: 1;
+}
+.sidemenu{
+  height:100%;
+  width: 100%;
+}