@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

:root {
    --font-Dm: "DM Sans", sans-serif;
    --font-Montserrat: "Montserrat", sans-serif;
}

body {
    font-family: var(--font-Dm);
}

.floating-card {
    animation: floatUp 3s ease-in-out infinite;
    will-change: transform;
}

.floating-card-reverse {
    animation: floatDown 3s ease-in-out infinite;
    will-change: transform;
}

@keyframes floatUp {

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

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

@keyframes floatDown {

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

    50% {
        transform: translateY(8px);
    }
}