
 body {
      margin: 0; padding: 24px;
      font-family: "Poppins", system-ui, -apple-system, Segoe UI, sans-serif;
      line-height: 1.6;
      max-width: 900px; 
      margin: 0 auto; 
      padding: 24px; 
      border: 1px; 
      border-radius: 14px; 
    }

h1 { 
    margin: 0 0 8px; 
    font-weight: 600; 
}

h2 { 
    margin: 24px 0 8px;
    font-weight: 600; 
    font-family: 'Creepster', cursive;
    color: #b30000; 
    letter-spacing: 2px;
}

p { 
    margin: 0 0 12px; 
    color: black; 
}

.hero {
  text-align: center;   
  margin-bottom: 20px;
}

.hero img.poster {
  width: 100%;         
  max-width: 600px;     
  height: auto;         
  border-radius: 8px;
  border: 1px solid #ccc;
}

