body, html {  
   font-family: 'Poppins', sans-serif;  
   margin: 0;  
   padding: 0;  
   box-sizing: border-box;  
   width: 100%;  
   height: 100%;  
   background-image: url('IMG_1973.png');  
   background-size: 100% 100%;  
   background-position: center;  
   background-repeat: no-repeat;  
   background-attachment: fixed;  
   color: #333; /* Dark grey font */  
 }  
   
 header {  
   padding: 1em;  
   text-align: center;  
   background-color: rgba(255, 255, 255, 0.5); /* White background with 50% opacity */  
 }  
   
 header h1 {  
   font-size: 2em;  
   font-weight: 700;  
   color: #333; /* Dark grey font */  
 }  
   
 main {  
   display: flex;  
   flex-direction: column;  
   align-items: center;  
   padding: 2em;  
   max-width: 1200px;  
   margin: 0 auto;  
 }  
   
 section {  
   background-color: rgba(255, 255, 255, 0.5); /* White background with 50% opacity */  
   padding: 20px;  
   margin-bottom: 20px;  
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);  
   width: 100%;  
   max-width: 600px;  
 }  
   
 h2 {  
   font-size: 1.5em;  
   font-weight: 600;  
   color: #333; /* Dark grey font */  
 }  
   
 .book-btn {  
   background-color: #FF69B4; /* Pink button background */  
   color: #fff; /* White button text */  
   padding: 10px 20px;  
   border: none;  
   border-radius: 5px;  
   cursor: pointer;  
 }  
   
 .book-btn a {  
   text-decoration: none;  
   color: #fff; /* White button text */  
 }  
   
 .book-btn:hover {  
   background-color: #FF99CC; /* Pink button hover background */  
 }  
   
 .work-container {  
   display: flex;  
   flex-wrap: wrap;  
   justify-content: center;  
 }  
   
 .work-img {  
   margin: 10px;  
   border-radius: 10px;  
   object-fit: cover;  
   width: 150px;  
   height: 150px;  
 }  
   
 .review-container {  
   display: flex;  
   flex-direction: column;  
   align-items: center;  
 }  
   
 #review-form {  
   display: flex;  
   flex-direction: column;  
   align-items: center;  
 }  
   
 #review-form label {  
   margin-bottom: 10px;  
   color: #333; /* Dark grey font */  
 }  
   
 #review-form input, #review-form select, #review-form textarea {  
   padding: 10px;  
   margin-bottom: 20px;  
   border: 1px solid #ddd;  
   border-radius: 5px;  
   background-color: #fff; /* White input background */  
   color: #333; /* Dark grey font */  
 }  
   
 #review-form button {  
   background-color: #FF69B4; /* Pink button background */  
   color: #fff; /* White button text */  
   padding: 10px 20px;  
   border: none;  
   border-radius: 5px;  
   cursor: pointer;  
 }  
   
 #review-form button:hover {  
   background-color: #FF99CC; /* Pink button hover background */  
 }  
   
 #review-list {  
   margin-top: 20px;  
 }  
   
 .review {  
   background-color: rgba(255, 255, 255, 0.5); /* White background with 50% opacity */  
   padding: 20px;  
   margin-bottom: 20px;  
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);  
   width: 100%;  
   max-width: 600px;  
 }  
   
 .review h3 {  
   font-size: 1.2em;  
   font-weight: 600;  
   color: #333; /* Dark grey font */  
 }  
   
 .review p {  
   font-size: 1em;  
   font-weight: 400;  
   color: #333; /* Dark grey font */  
 }  
   
 /* Responsive Design */  
 @media (max-width: 768px) {  
   header {  
     padding: 0.5em;  
   }  
   main {  
     padding: 1em;  
   }  
   section {  
     margin-bottom: 10px;  
   }  
 }  
   
 @media (max-width: 480px) {  
   header {  
     padding: 0.5em;  
   }  
   main {  
     padding: 1em;  
   }  
   section {  
     margin-bottom: 10px;  
   }  
   h1 {  
     font-size: 1.5em;  
   }  
   h2 {  
     font-size: 1.2em;  
   }  
 }