refactor: update styles and structure for header, navigation, and banner

- Removed unnecessary "active-page" class from banner link
- Added reusable "nav-block" class for header links
- Adjusted `.nav-links` structure: switched to `inline-flex`, added `justify-content`
- Reduced `.kitchen-banner` margin and added border, padding for text styles
- Enhanced flex layout for `home-index-block` in index.css

static/css/index.css

@@ -285,6 +285,10 @@
     background-position: right;
     background-size: 600px auto;
     margin-top: 20px;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 }
 
 .about-left-block {
@@ -424,7 +428,7 @@
 /* -- KITCHEN BANNER -- */
 
 .kitchen-banner {
-    margin-top: 225px;
+    margin-top: 120px;
     height: 410px;
     background-color: #63768d;
 
@@ -466,6 +470,9 @@
     font-size: 24px;
     text-align: left;
 
+    padding: 10px;
+    border: 1px solid #ffffff;
+
     color: #ffffff;
 }
 

static/css/style.css

@@ -257,11 +257,11 @@ header {
 }
 
 .nav-links {
-    display: flex;
+    display: inline-flex;
     align-items: center;
+    justify-content: center;
     gap: 28px;
     flex: 1;
-    max-width: 430px;
 }
 
 .nav-links a {
@@ -275,6 +275,10 @@ header {
     color: var(--dark);
 }
 
+.nav-block {
+    width: 150px;
+}
+
 .phone-link {
     display: flex;
     align-items: center;