@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
body
{
    font-family: 'Poppins', sans-serif !important;
}

.hide-icon {
    position: absolute;
    right: 10px;
    top: 51%;
    transform: translateY(-50%);
    cursor: pointer;
}

#messageDiv, #login-form, #login-form input {
    font-size: 14px;
}

@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.animate-zoom-in {
    animation: zoomIn 0.5s ease-out;
}


@media (max-width: 768px) {
    .card {
        width: 100%; /* Adjusts the width for smaller screens */
    }
}