/* app/globals.css */

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100vh;
}

.bg-radiant-animated {
    background: radial-gradient(circle at 20% 20%, #ff8185, transparent 25%),
    radial-gradient(circle at 80% 80%, #ffaa91, transparent 25%),
    radial-gradient(circle at 50% 50%, #fb7fd9, transparent 25%),
    radial-gradient(circle at 30% 70%, #9b6fff, transparent 25%),
    radial-gradient(circle at 70% 30%, #ff8edf, transparent 25%);
    background-size: 200% 200%;
    animation: backgroundAnimation 60s ease infinite alternate;
}

.bg-radiant {
    background: radial-gradient(circle at 20% 20%, #ff8185, transparent 25%),
    radial-gradient(circle at 80% 80%, #ffaa91, transparent 25%),
    radial-gradient(circle at 50% 50%, #fb7fd9, transparent 25%),
    radial-gradient(circle at 30% 70%, #9b6fff, transparent 25%),
    radial-gradient(circle at 70% 30%, #ff8edf, transparent 25%);
    background-size: cover;
}

@keyframes backgroundAnimation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 100%;
    }
}

.min-h-screen {
    min-height: 100vh;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-grow {
    flex-grow: 1;
}