body{

margin:0;

font-family:sans-serif;

background:#f5f7fa;

text-align:center;

}

header{

padding:20px;

}

header h1{

font-size:28px;

margin:0;

}

header p{

color:#666;

}

.carousel{

display:flex;

overflow-x:auto;

scroll-snap-type:x mandatory;

gap:16px;

padding:20px;

}

.carousel::-webkit-scrollbar{

display:none;

}

.card{

flex:0 0 85%;

background:white;

border-radius:14px;

padding:20px;

scroll-snap-align:center;

box-shadow:0 3px 8px rgba(0,0,0,0.1);

}

.card img{

width:100%;

border-radius:10px;

}

.card h2{

font-size:22px;

}

.card p{

font-size:18px;

}

.btn{

display:inline-block;

margin-top:15px;

padding:14px;

background:#6cc4a1;

color:white;

text-decoration:none;

border-radius:10px;

font-size:20px;

}

@media (min-width:700px){

.card{

flex:0 0 60%;

}

}