56 lines
1.3 KiB
CSS
56 lines
1.3 KiB
CSS
/* 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;
|
|
} |