.App{background-color:#020230;color:#fff;height:100vh}.App,.main{display:flex}.main{background:linear-gradient(180deg,transparent,#020230),url(/static/media/milionairaararra.c137ccd722d64133b4df.jpg) 50%;flex-direction:column;width:75%}.top{height:50%;position:relative}@media screen and (max-width:768px){.timer{margin-bottom:3rem}}.timer{align-items:center;border:5px solid #fff;border-radius:50%;bottom:10px;display:flex;font-size:30px;font-weight:700;height:70px;justify-content:center;left:80px;position:absolute;width:70px}.bottom{height:50%}.trivia{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around}.questions{background:linear-gradient(#100241,#000);border:2px solid #fff;border-radius:10px;font-size:20px;padding:20px;text-align:center;width:80%}.answers{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.answer{background:linear-gradient(#0e0124,#22074d);border:1px solid #fff;border-radius:15px;cursor:pointer;font-size:20px;font-weight:300;margin:0 10px 20px;padding:10px;text-align:center;width:40%}@media screen and (max-width:768px){.answer{width:30%}}.answer.active,.answer:hover{background:#0000cd}.answer.correct{-webkit-animation:correct 2s ease forwards;animation:correct 2s ease forwards}@-webkit-keyframes correct{0%,22%,42%{background:#0000cd}20%,40%,60%{background:linear-gradient(#0e0124,#22074d)}62%,to{background:green}}@keyframes correct{0%,22%,42%{background:#0000cd}20%,40%,60%{background:linear-gradient(#0e0124,#22074d)}62%,to{background:green}}.answer.wrong{-webkit-animation:wrong 2s ease forwards;animation:wrong 2s ease forwards}@-webkit-keyframes wrong{0%,22%,42%{background:#0000cd}20%,40%,60%{background:linear-gradient(#0e0124,#22074d)}62%,to{background:crimson}}@keyframes wrong{0%,22%,42%{background:#0000cd}20%,40%,60%{background:linear-gradient(#0e0124,#22074d)}62%,to{background:crimson}}.pyramid{align-items:center;display:flex;justify-content:center;width:25%}@media screen and (max-width:768px){.pyramid{scale:1;width:32%}}.moneyList{list-style:none;padding:20px;width:100%}.moneyListItem{align-items:center;border-radius:5px;display:flex;padding:5px}@media screen and (max-width:768px){.moneyListItem{gap:5px}}.moneyListItem.active{background-color:teal}.moneyListItemNumber{font-size:18px;font-weight:100;width:30%}@media screen and (max-width:768px){.moneyListItemNumber{font-size:16px;font-weight:600;width:20%}}.moneyListItemAmount{font-size:20px;font-weight:300}@media screen and (max-width:768px){.moneyListItemAmount{font-size:20px;font-weight:600;margin-left:16px}}.earn-text,.start{bottom:0;left:0;margin:auto;position:relative;right:0;top:0}.start{align-items:center;display:flex;flex-direction:column;height:100px;width:250px}.startInput{background:linear-gradient(0deg,#ff0,#6a6ab3);border:none;border-radius:5px;border-radius:20px;color:#000;font-size:center;font-size:18px;height:30px;padding:30px;text-align:center;width:100%}.startInput:hover{background:transparent;border:2px solid #fff;border-radius:20px;color:#f0f8ff}.startInput:focus{outline:none}.startButton{align-items:center;background:linear-gradient(180deg,#ff0,#6a6ab3);border:none;border-radius:20px;cursor:pointer;display:flex;font-family:cursive;font-size:22px;font-weight:500;height:32px;justify-content:center;margin:20px;padding:30px;width:100%}.startButton:hover{background:transparent;border:2px solid #fff;border-radius:20px;color:#f0f8ff}
/*# sourceMappingURL=main.8c28735e.css.map*/