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

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

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

.floating-element {
    animation: float 6s ease-in-out infinite;
}

.text-glow {
    text-shadow: 0 0 40px rgba(17, 50, 212, 0.3);
}

/* Smooth scrolling for the whole page */
html {
    scroll-behavior: smooth;
}