*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{

background:
linear-gradient(
135deg,
#f8f5ff 0%,
#f3e8ff 25%,
#ede9fe 50%,
#ddd6fe 75%,
#c4b5fd 100%);

overflow-x:hidden;
min-height:100vh;
position:relative;
}

.container{

padding-top:80px;
text-align:center;
}

h1{

font-size:2.5rem;
color:#ff6b6b;
margin-bottom:20px;
}

.intro{

max-width:700px;

margin:auto;

line-height:2;

color:#555;

padding:0 20px;
}

.slider{

width:100%;
overflow:hidden;

margin-top:70px;
}

.slide-track{

display:flex;

width:calc(320px * 18);

animation:scroll 45s linear infinite;
}

.slide-track img{

width:280px;

height:360px;

object-fit:cover;

margin:20px;

border-radius:25px;

background:white;

padding:10px;

box-shadow:
0 15px 35px rgba(0,0,0,.12);
}

@keyframes scroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(calc(-320px * 9));
}

}

.next-btn{

display:inline-block;

margin:70px 0;

padding:18px 45px;

border-radius:999px;

background:
linear-gradient(
45deg,
#ff7b54,
#ff4d6d);

color:white;

text-decoration:none;

font-weight:600;
}

.sky::before{

content:"";

position:fixed;

width:300px;
height:100px;

background:white;

border-radius:100px;

top:10%;
left:-350px;

opacity:.5;

filter:blur(20px);

animation:cloud 45s linear infinite;
}

.sky::after{

content:"";

position:fixed;

width:250px;
height:80px;

background:white;

border-radius:100px;

top:25%;
left:-300px;

opacity:.35;

filter:blur(15px);

animation:cloud 60s linear infinite;
}

@keyframes cloud{

from{
transform:translateX(0);
}

to{
transform:translateX(150vw);
}

}

.bird{

position:fixed;

width:25px;
height:12px;

border-top:3px solid #555;

border-radius:100%;

opacity:.5;
}

.bird1{

top:15%;
left:-50px;

animation:fly 18s linear infinite;
}

.bird2{

top:22%;
left:-120px;

animation:fly 25s linear infinite;
}

.bird3{

top:18%;
left:-180px;

animation:fly 30s linear infinite;
}

.bird4{

top:28%;
left:-250px;

animation:fly 22s linear infinite;
}

@keyframes fly{

from{
transform:translateX(0);
}

to{
transform:translateX(150vw);
}

}

