html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    background: #010101;
    overflow-x: hidden;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }

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

.float-animation {
    animation: float 4s ease-in-out infinite;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .float-animation {
        animation: none;
    }
}