html


body {
  background-color: #00cccc;
  margin: 0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.4;
  height: 100%; }


h1 {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  text-shadow: 2px 2px #000000;
  margin-bottom: 20px;
}

h2 {
    color: #ffffff;
    text-align: center;
}


p {
  color: #000000;
  font-size: 20px;
  line-height: 1.6;
  text-align: left;
}



.product-img {
  width: 50%;               
  max-width: 300px;         
  height: auto;             
  margin: 0 auto 15px auto; /* Centers the image and adds space below it */
  display: block;           /* Necessary for centering to work */
  border-radius: 6px; 
}


.product-box { 
  background-color: #ffffff; 
  border: 3px solid #00aaaa;  
  border-radius: 8px;        
  max-width: 400px; 
  margin: 20px auto; 
  padding: 20px;             
  text-align: left; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 
}