body {font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif ; 
      width:auto;margin: 0;padding: 0;height: 100%;background-color:#fff;}



.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
   background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
   width: 100%;
}