body {
    font-family: 'Inter', "Fustat", sans-serif;
    font-weight:600;
}


@keyframes vibrate {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    100% {
        transform: translateX(0);
    }
}

.vibrate {
    animation: vibrate 0.3s ease-in-out;
    animation-iteration-count: 2;
}

.warning-message {
    color: red;
    font-size: 14px;
    display: none; /* Hidden by default */
}