  <style>    body {      padding: 40px;      color: #333;    }    h2 {      color: #6b8e23;    }    form {      max-width: 600px;      margin: auto;      background-color: white;      padding: 30px;      border-radius: 12px;      box-shadow: 0 4px 8px rgba(0,0,0,0.1);    }    label {      display: block;      margin-top: 20px;      font-weight: bold;    }    input, textarea {      width: 100%;      padding: 10px;      margin-top: 5px;      border: 1px solid #ccc;      border-radius: 6px;      font-size: 1em;    }    button {      margin-top: 20px;      background-color: #6b8e23;      color: white;      border: none;      padding: 12px 20px;      font-size: 1em;      border-radius: 6px;      cursor: pointer;    }    button:hover {      background-color: #558b2f;    }  .container {  display: grid;  grid-template-columns: 200px 450px 1fr;  gap: 20px;  padding: 20px;  }.menu, .quick-links {  background-color: rgba(240, 248, 255, 0.5); /* light transparent blue */      font-family: Verdana, sans-serif;      font-size:10px;  padding: 15px;  border-radius: 8px;}.copy {  background-color: rgba(255,255,255, 0.5); /* light transparent blue */    font-family: Verdana, sans-serif;      font-family: Verdana, sans-serif;      font-size:12px;  padding: 15px;  border-radius: 8px;  box-shadow: 0 0 5px rgba(0,0,0,0.1);}ul {  list-style: none;  padding: 0;}li a {  text-decoration: none;  color: #333;  display: block;  padding: 5px 0;}li a:hover {  color: #0078D4;}####################  body {    font-family: Verdana, sans-serif;    position: relative;    margin: 0;    padding: 0;  }  body::before {    content: "";    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-image: url('images/reflect_commerce_logo.png');    background-size: cover;    background-repeat: no-repeat;    background-position: center;    opacity: 0.1; /* Adjust this value */    z-index: -1; /* Push behind content */  }header {  background-color: rgba(45, 78, 240, 0.5);  padding: 20px;  text-align: center;  border-bottom: 2px solid #c8e6c9;}    header img {      max-height: 200px;    }    nav {      margin-top: 10px;    }    nav a {      margin: 0 15px;      text-decoration: none;      color: #388e3c;      font-weight: bold;    }    .recipe-card {flex: 0 0 60%;background-color: rgba(240, 248, 255, 0.5); /* light transparent blue */padding: 1.5rem;border-radius: 8px;]      margin-bottom: 30px;      box-shadow: 0 2px 5px rgba(0,0,0,0.05);    }    .recipe-card h2 {      color: #388e3c;    }    .handAp {        display: flex;        flex-wrap: wrap;        gap: 16px;            /* space between cards */    }    .handAp div {        color: #388e3c;        box-sizing: border-box;        flex: 1 1 240px;      /* grow/shrink with a 240px base */        max-width: 320px;     /* never exceed 320px */        min-width: 200px;     /* never go below 200px */        padding: 12px;        background: #f9f9f9;        border: 1px solid #ddd;    }footer {  background: #eee;  text-align: center;  padding: 20px;    font-family: 'Verdana', sans-serif;  font-size: 10px;    flex: 0 0 60%;  background-color: rgba(255, 255, 255, 0.375); /* soft white */  padding: 1.5rem;  border-radius: 8px;}/* Logo container inside the footer */.footer-logos {  display: flex;  justify-content: center;  align-items: center;  gap: 20px;  flex-wrap: wrap;}/* Individual logo styling with fixed size */.footer-logos img {  width: 100px;        /* fixed width */  height: 60px;        /* fixed height */  object-fit: contain; /* preserve aspect ratio within box */  transition: transform 0.3s ease;}/* Optional hover effect */.footer-logos img:hover {  transform: scale(1.05);}    </style>