@tailwind base;@tailwind components;@tailwind utilities;@keyframes confetti{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(100px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(100px) rotate(-1turn)}}.animate-me{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shooting-star{0%{transform:translateX(0) translateY(0) scale(1);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translateX(100vw) translateY(100vh) scale(.1);opacity:0}}.party-popper{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:20;overflow:hidden}.party-popper:before{background:#fff}.party-popper:after,.party-popper:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:2px;border-radius:50%;animation:confetti 3s infinite;animation-delay:calc(-2s*var(--i))}.party-popper:after{background:#ffea00}.party-popper div{position:absolute;top:0;left:0;width:1px;height:1px;background:red;border-radius:50%;animation:confetti 3s infinite;animation-delay:calc(-2s*var(--i))}.animation{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;color:#fff;z-index:50;opacity:0;transform:scale(.8);transition:opacity .5s,transform .5s}.success-animation{background-color:rgba(34,197,94,.9)}.failure-animation,.success-animation{animation:fadeIn .5s forwards,fadeOut .5s 2.5s forwards}.failure-animation{background-color:rgba(239,68,68,.9)}@keyframes fadeIn{to{opacity:1;transform:scale(1)}}@keyframes fadeOut{to{opacity:0;transform:scale(.8)}}.raindrop{position:absolute;top:-10px;width:3px;height:15px;background-color:hsla(0,0%,100%,.6);border-radius:50%;opacity:.7;animation:fall linear infinite}@keyframes fall{to{transform:translateY(100vh)}}.home-container{position:relative;min-height:100vh;background:linear-gradient(90deg,#b30000,#000);display:flex;justify-content:center;align-items:center;color:#fff;overflow:hidden}.content{position:relative;z-index:10;text-align:center}.choose-role{font-size:2.5rem;margin-bottom:20px;font-weight:700}.role-card{width:250px;height:250px;margin:20px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;transition:transform .3s ease-in-out}.role-card:hover{transform:scale(1.1)}.user-card{background-color:#04c}.admin-card{background-color:#f90}.role-image{width:80px;height:80px;border-radius:50%;margin-bottom:15px}.form-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);padding:30px;border-radius:10px;z-index:20;width:300px}.form-title{font-size:1.5rem;color:tomato;text-align:center;margin-bottom:20px}form input{width:100%;padding:10px;margin-bottom:15px;border:2px solid #444;border-radius:5px;background-color:#222;color:#fff}form button{width:100%;padding:12px;background-color:tomato;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}form button:hover{background-color:#ff4500}.switch-btn{background-color:initial;color:tomato;border:none;cursor:pointer;font-size:.9rem;margin-top:10px}.switch-btn:hover{text-decoration:underline}.close-btn{position:absolute;top:10px;right:10px;font-size:30px;color:#fff;background:transparent;border:none;cursor:pointer}.party-popper-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.party-pop-left{position:absolute;top:20%;left:-50px;width:30px;height:30px;background-color:tomato;border-radius:50%;animation:popAnimationLeft 1s infinite}@keyframes popAnimationLeft{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.5;transform:translateY(-50px) scale(1.5)}to{opacity:0;transform:translateY(0) scale(1)}}.party-pop-right{position:absolute;top:40%;right:-50px;width:30px;height:30px;background-color:tomato;border-radius:50%;animation:popAnimationRight 1s infinite}@keyframes popAnimationRight{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.5;transform:translateY(-50px) scale(1.5)}to{opacity:0;transform:translateY(0) scale(1)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fc0a3770.chunk.css.map */