/* Custom styles that Tailwind doesn't handle out of the box */

body {
   font-family: "Manrope", sans-serif;
    
}
.grid-bg {
    min-height: 100vh;
    background-color: #635BFF;
    background-image: 
        linear-gradient(to right, rgba(99,91,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(99,91,255,.05) 1px, transparent 1px);
    background-size: 60px 60px;
}


/* Ensure smooth scrolling works across all browsers */
html {
    scroll-behavior: smooth;
}

/* Blob Animations */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blob 7s infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}

.animation-delay-4000 {
    animation-delay: 4s;
}