body {
     margin: 0;
     font-family: Arial, sans-serif;
 }

 header {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;

     height: 100px;
     padding: 0 40px;
     background-color: #f2eee7;
 }

 .logo-link {
     position: absolute;
     left: 40px;
     display: flex;
     align-items: center;
 }

 .logo {
     width: auto;
     height: 65px;
     display: block;
 }

 header nav {
     display: flex;
     align-items: center;
     gap: 45px;
 }

 header nav a {
     color: #333;
     font-size: 18px;
     text-decoration: none;
 }

 header nav a:hover {
     color: #6f8061;
 }

 header nav a.active {
     color: #6f8061;
     font-weight: bold;
 }

 main {
     min-height: 600px;
 }

 footer {
     padding: 30px;
     background-color: #e5dfd5;
 }

 footer nav {
     display: flex;
     justify-content: center;
     gap: 30px;
 }

 footer a {
     color: #333;
     text-decoration: none;
 }

 footer nav a.active {
     color: #6f8061;
     font-weight: bold;
 }