Better color palette

PortfolioPage/Shared/MainLayout.razor.css

@@ -13,9 +13,18 @@
     #3b5249
     #382933     --- Darkest
 */
+
+/* 
+    New Pallete
+    #ffd4d4 - pinkish
+    #ffffe8 - pale yellow
+    #cde990 - light green
+    #aacb73 - green
+*/
 main {
     flex: 1;
-    background-image: linear-gradient(#382933, #3b5249, #1c6758, #3d8361, #519872, #a4b494,#eef2e6);
+    /*background-image: linear-gradient(#382933, #3b5249, #1c6758, #3d8361, #519872, #a4b494,#eef2e6);*/
+    background-color: #ffffe8;
 }
 
 .sidebar {

PortfolioPage/Shared/NavMenu_v2.razor

@@ -8,7 +8,7 @@
     <div class="" id="navbarSupportedContent">
         <ul class="navbar-nav navbar-right inline">
             <li class="nav-item px-4 inline">
-                <NavLink class="nav-item nav-link override-nav-link" href="" Match="NavLinkMatch.All">
+                <NavLink class="nav-item nav-link override-nav-link" href="" Match="NavLinkMatch.All"\>
                     <span aria-hidden="true"></span> Home
                 </NavLink>
             </li>

PortfolioPage/Shared/NavMenu_v2.razor.css

@@ -1,4 +1,7 @@
-body {
+.navbar {
+    background-color: #cde990;
+    box-shadow: inset 0 -30px 0px -13px #aacb73;
+
 }
 
 .brand-name {
@@ -44,31 +47,3 @@ a.override-brand {
     background-color: white;
 }
 
-
-
-.container {
-    position: relative;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    top: 0;
-    max-width: 100vw;
-    height: 660px;
-    /*
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    */
-    border-bottom: 3px solid hotpink;
-    border-top: 3px solid hotpink;
-}
-
-.center {
-    margin: auto;
-    text-align: center;
-    width: 50%;
-    padding: 70px 0;
-    font-size: 100px;
-    color: white;
-    border: 1px dashed hotpink;
-}

PortfolioPage/Shared/PhotoBanner.razor.css

@@ -8,10 +8,6 @@
     padding: 0;
     top: 0;
     max-width: 100vw;
-    
-    
-    border-bottom: 3px solid hotpink;
-    border-top: 3px solid hotpink;
 }