.hero-section{justify-content:center;align-items:flex-start;height:700px;padding-top:50px;display:flex;position:relative;overflow:hidden}.hero-title{color:#333;text-align:center;text-transform:uppercase;z-index:10;padding:0 20px;font-size:100px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-stroked-title{color:#0000;-webkit-text-stroke:2px #333}.card-container{z-index:1;position:relative}.introduction-text{text-align:center;margin-top:3rem;margin-bottom:8rem}.introduction-text p{max-width:42rem;margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}