af5e31269c
- Set up React Router for navigation between landing and Chamber pages - Create Chamber page with floating animated voidlings - Add ability to summon, name, rename, and release voidlings - Implement mood system (idle, happy, curious, sleepy) - Add localStorage persistence to remember voidlings between sessions - Add float animation and visual effects
26 lines
447 B
CSS
26 lines
447 B
CSS
@import "tailwindcss";
|
|
|
|
@keyframes float {
|
|
0%, 100% {
|
|
transform: translateY(0) translate(-50%, -50%);
|
|
}
|
|
50% {
|
|
transform: translateY(-20px) translate(-50%, -50%);
|
|
}
|
|
}
|
|
|
|
.animate-float {
|
|
animation: float 3s ease-in-out infinite;
|
|
}
|
|
|
|
:root {
|
|
font-family: 'Courier New', Courier, monospace;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
|
color: #e4e4e7;
|
|
}
|