.card {
    will-change: transform
}

    .card:focus-within {
        outline: 1px solid var(--ring)
    }

.parallax .orb-1 {
    animation: float1 10s ease-in-out infinite
}

.parallax .orb-2 {
    animation: float2 12s ease-in-out infinite
}

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

    50% {
        transform: translateY(18px)
    }
}

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

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