*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}textarea{resize:vertical}:target{scroll-margin-block:5rem}[hidden]{display:none!important}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0}main{position:relative;display:flex;flex-direction:column}.section-header{position:absolute}.card{position:relative;width:100%;min-height:100dvh;background-color:red;scroll-snap-align:start}.text-overlay{height:400px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,100% - 2rem);box-sizing:border-box;background:#0000004d;color:#fff;display:flex;flex-direction:column;text-align:justify;padding:40px;overflow:hidden;touch-action:pan-y}.content{flex:1;overflow-y:scroll;min-height:0;display:block}.card--1{background-color:#00f}.card--2{background-color:purple}.card--3{background-color:green}