* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: "Georgia", serif;
   }

   body {
       background-color: #556050;
       /* muted green */
       color: #ffffff;
       min-height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
       text-align: center;
   }

   .container {
       max-width: 800px;
       padding: 40px 20px;
   }

   h1 {
       font-size: 48px;
       font-weight: 500;
       margin-bottom: 10px;
   }

   h2 {
       font-size: 22px;
       font-weight: 400;
       margin-bottom: 30px;
   }

   .order-text {
       font-size: 14px;
       margin-bottom: 10px;
       opacity: 0.9;
   }

   .order-btn {
       display: inline-block;
       padding: 12px 26px;
       border-radius: 25px;
       background-color: #3f463c;
       color: #ffffff;
       text-decoration: none;
       font-size: 15px;
       transition: all 0.3s ease;
   }

   .order-btn:hover {
       background-color: #2f352c;
       transform: translateY(-2px);
   }

   .logo-box {
       background: #ffffff;
       padding: 30px;
       margin: 40px auto;
       border-radius: 6px;
       display: inline-block;
   }

   .logo-box img {
       max-width: 280px;
       width: 100%;
   }

   .footer-text {
       font-size: 14px;
       opacity: 0.85;
       margin-top: 20px;
       line-height: 1.6;
   }

   .socials {
       .socials {
           margin-top: 25px;
           display: flex;
           justify-content: center;
           gap: 20px;
           /* space between icons */
       }
   }

   .socials a {
       color: #ffffff;
       text-decoration: none;
       font-size: 18px;
       opacity: 0.9;
   }

   .socials a:hover {
       opacity: 1;
transform: scale(1.231);
   }