@import "tailwindcss";
 
html, body {
    overflow-x: clip;
}
.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f8f9fa;
}

.bouncing-logo {
    width: 120px;
    height: auto;
    animation: bounce 1.5s infinite cubic-bezier(0.28, 0.84, 0.42, 1);
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-40px) scale(1.05);
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #0f172a inset !important;

    -webkit-text-fill-color: white !important;

    caret-color: white;
}