@keyframes floating{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0px);
}

}

.floating{

animation:floating 4s ease-in-out infinite;

}

.floating2{

animation:floating 5s ease-in-out infinite;

}

.floating3{

animation:floating 6s ease-in-out infinite;

}

.marquee{

overflow:hidden;

position:relative;

width:100%;

}

.marquee-content{

display:flex;

width:max-content;

animation:marquee 28s linear infinite;

gap:18px;

}

@keyframes marquee{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

.tech-pill{

display:flex;

align-items:center;

justify-content:center;

padding:14px 28px;

border-radius:999px;

background:#fff;

border:1px solid #e2e8f0;

font-weight:600;

white-space:nowrap;

box-shadow:0 10px 30px rgba(15,23,42,.05);

}

.reveal{

opacity:0;

transform:translateY(60px);

transition:

1s cubic-bezier(.22,1,.36,1);

}

.reveal.active{

opacity:1;

transform:none;

}