.center-container{align-items:end;height:48vh}.center-container,.flex-container{display:flex;justify-content:center}.flex-container{align-items:center}.question-format{height:60px}.question-format,.question-format2{align-items:center;background-color:red;color:#000;justify-content:center;margin-left:20px;margin-right:20px;margin-top:20px;text-align:center;width:120px}.question-format2{font-size:medium;height:40px}.text-area1{font-size:20px;height:60px;text-align:center;width:300px}body{animation:gradientShift 20s ease infinite;background:linear-gradient(45deg,#89f7fe,#66a6ff,#c3aed6,#fbc2eb);background-size:400% 400%;color:#333;font-family:Arial,sans-serif;height:100vh;margin:0;padding:0}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0 50%}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,tranform out .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}#root,body,html{height:100%;margin:0;padding:0}.homepage-container{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.homepage-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;max-width:900px;padding:40px;width:100%}.text-section{max-width:50%}.title{color:#2c3e50;font-size:2.8rem;margin-bottom:20px}.subtitle,.title{opacity:1;transition:opacity .3s ease}.subtitle{color:#34495e;font-size:1.2rem;margin-bottom:30px}.signup-button{background-color:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:14px 28px}.signup-button:hover{background-color:#27ae60}.image-section{max-width:40%}.hero-image{height:auto;width:100%}@media (max-width:768px){.homepage-content{flex-direction:column;text-align:center}.image-section,.text-section{max-width:100%}.title{font-size:2.2rem}}.fade-out{opacity:0}.fade-in{opacity:1}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:15px 30px;transition:transform .2s ease,background .3s ease}.btn:hover{transform:scale(1.05)}.btn.start{background-color:#4caf50;color:#fff}.btn.leaderboard{background-color:#2196f3;color:#fff}.btn.exit{background-color:#f44336;color:#fff}.leaderboard-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:600px;padding:1.5rem;text-align:center}.leaderboard-table{border-collapse:collapse;margin-top:1rem;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #ccc;padding:.75rem}.leaderboard-table th{background-color:#e0e0e0;font-weight:700}.leaderboard-table tr:first-child td{color:gold;font-weight:700}.leaderboard-table tr:nth-child(2) td{color:silver;font-weight:700}.leaderboard-table tr:nth-child(3) td{color:#cd7f32;font-weight:700}
/*# sourceMappingURL=main.59af1185.css.map*/