Implemented Nasa Picture of the day

app/static/css/default.css

@@ -70,7 +70,6 @@ h3.card-title {
 
 /* Footer styles */
 .footer {
-  margin-top: 12px;
   text-align: center;
   font-size: 0.7em;
 }
@@ -97,7 +96,7 @@ div#navbarNavfooter li.nav-item {
   margin-right: 6px;
 }
 
-main {
+main, footer, header, nav {
   position: relative;
   box-shadow: 
     /* Inner shadow */
@@ -108,3 +107,28 @@ main {
     -10px 0 10px -10px rgba(0, 0, 0, 0.3); /* Left outer shadow */
   overflow: visible;
 }
+
+header{
+  padding: 12px;
+}
+
+header,
+footer {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  margin: 0;
+  z-index: 1030;
+  background-color: var(--bs-light);
+}
+
+/* at the end of default.css */
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: rgba(255, 255, 255, 0.75);
+  pointer-events: none;
+  z-index: -1;
+}

app/static/css/navigation.css

@@ -19,12 +19,6 @@
     transition: all 0.3s ease-in-out;
 }
 
-nav.navbar.menu-header {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-}
-  
-nav.navbar.menu-footer {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
+nav.navbar {
+    border-radius: 0;
 }