:root {
    --primary-color: #6366f1;
    --secondary-color: #f1f5f9;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f1f5f9;
    color: #1f2937;
}

/* animation */
.balloon-animation {
    animation: floatUp 2s ease-out forwards;
}

@keyframes floatUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}