body {
            background-color: #2B1700;
            background-image: url('images/beans1.png');
            font-family: Georgia, serif; /* Added serif as a fallback font */
            max-width: 1000px;
            margin: 0 auto; /* Added 0 for top/bottom margin, keeps it centered */
    }

    header {
      height: 250px; 
      background-image: url('images/banner1.png');
    }

    #Top {
      color: #351E10; /* Hickory */
      text-align: center; 
      font-weight: bold; 
      font-size: 40px;
    }

    /* Navigation Block */

    nav {
      background-color: #FDFBF7; /* 60% Dominant Background */
      padding: 1rem 2rem;
    }

    /* To make the layout horizontal */
    nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center; /* This line centers the navigation bar links */
      gap: 2rem;
    }

    /* Unselected (normal) */
    nav a {
      text-decoration: none;
      font-weight: 500;
      color: #1B3B2B; /* 30% Secondary Color */
      transition: color 0.2s ease, border-color 0.2s ease;
    }

    /* Hover (a:hover) */
    nav a:hover {
      color: #C86D51; /* 10% Accent Color shift on hover */
    }

    /* Selected (.selected) */
    nav a .selected {
      color: #C86D51; /* 10% Accent Color for active state */
      font-weight: 700;
      border-bottom: 2px solid #C86D51; /* Underline accent anchor */
      padding-bottom: 4px;
    }



     /* Base Defaults for Layout & Centering */
        body {
            text-align: center;
        }
     /* Aligns main content to the left margin */
        main {
            text-align:left;
        }
     /* Explicitly preserves centering for these specific elements inside main */
        main h2, 
        main h3, 
        main .menu-container, 
        main svg {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }
        
        /* Links inside paragraph tags */
        p a {
            color: inherit;
        }

        /* Menu headings */
        #Our-Products {
            color: tan;
            font-size: 28px;
        }
        
        h3 {
            color: #F5DEB3;
            font-size: 18px;
        }

        /* Column Spacing */
        .divider-beige {
            width: 60%; 
            height: 2px; 
            background-color: beige;
            border: 0;
        }

        .divider-tan {
            width: 60%; 
            border: 0; 
            border-top: 3px solid tan;
        }

        .menu-container {
            display: flex;
        }

        .menu-column {
            width: 50%;
        }

        .text-beige-lg {
            color: beige;
            font-size: 22px;
        }

        .text-beige-md {
            color: beige;
            font-size: 20px;
        }

        .text-white-sm {
            color: white;
            font-size: 16px;
        }

        .text-offwhite-sm {
            color: #F7F0EA;
            font-size: 16px;
        }

        .text-offwhite-md {
            color: #F7F0EA;
            font-size: 18px;
            font-weight: bold;
        }

        .text-mint-md {
            color: #B4EEB4;
            font-size: 18px;
        }

        /* Inline color span utility */
        .important {
            color: #B4EEB4;
        }
    
     /* Footer Styling */
        footer {
            height: 150px; 
            background-image: url('images/footer1.png'); 
            color: #351E10; 
            text-align: center; 
            font-size: 18px; 
            font-family: Verdana, Geneva, sans-serif;
        }

        #Contact-Us {
            font-size: 24px;
            margin-bottom: 10px; /* Optional: adds clean spacing above links */
        }

        footer a {
            color: #351E10;
        }

        /* Back to Top Navigation Elements */
        .center-image {
            display: block; 
            margin: 0 auto;
        }

        .back-to-top-text {
            text-align: center; 
            font-size: 16px; 
            font-family: Georgia, serif;
        }

        .back-to-top-text a {
            color: Beige; 
            font-weight: bold;
        }

        /* Logo Centering Rule */
        .center-logo {
            display: block; 
            margin: 0 auto;
            max-width: 200px;
        }

   /* Resume Page */

     .resume-page {
         max-width: 1000px;
         margin: auto;
         font-family: Georgia, serif;
     }

     .resume-page main {
         border: 2px blue solid;
         overflow: auto;
     }

     .resume-page aside {
         width: 25%;
         float: left;
         text-align: right;
         padding: 14px;
         box-sizing: border-box;
     }

     .resume-page section {
         width: 75%;
         float: left;
         padding: 14px;
         box-sizing: border-box;
     }

     .resume-page h1 {
         font-size: 36px;
     }

     .resume-page h2 {
         color: #333333;
     }

     .resume-page h3 {
         margin-bottom: 5px;
     }

     .resume-page p {
         line-height: 1.5;
     }

     .resume-page {
         max-width: 1000px;
         margin: auto;
         background-color: #FDFBF7;
         font-family: Georgia, serif;
         color: #1B3B2B;
     }

     .resume-page main {
         border: 2px solid #1B3B2B;
         overflow: auto;
         background-color: #FDFBF7;
     }

     .resume-page aside {
         width: 25%;
         float: left;
         text-align: right;
         padding: 14px;
         box-sizing: border-box;
         background-color: #1B3B2B;
         color: #FDFBF7;
     }

     .resume-page section {
         width: 75%;
         float: left;
         padding: 25px;
         box-sizing: border-box;
         background-color: #FDFBF7;
     }

     .resume-page h1 {
         color: #1B3B2B;
         font-size: 36px;
         border-bottom: 3px solid #C86D51;
         padding-bottom: 10px;
     }

     .resume-page h2 {
         color: #1B3B2B;
     }

     .resume-page h3 {
         color: #C86D51;
         margin-bottom: 5px;
     }

     .resume-page p {
         line-height: 1.5;
     }

     .resume-page aside h2 {
         color: #FDFBF7;
     }

     .resume-page strong {
         color: #C86D51;
     }