body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#0e0b2b;color:#fff}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.app{height:100vh;background:radial-gradient(circle,#190e4d 26%,#1a0f31 52%,#110b3f 93%)}.app,.main{display:flex}.main{flex-direction:column;width:75%;color:#f0f8ff;background:linear-gradient(180deg,rgba(0,0,0,0),#020230),url(/bg.jpg) 50%/cover no-repeat}.top{position:relative}.bottom,.top{height:50%}.timer{width:70px;height:70px;border-radius:50%;border:5px solid #e4c721;color:#e4c721;justify-content:center;font-size:30px;font-weight:650;position:absolute;bottom:10px;left:100px}.timer,.trivia{display:flex;align-items:center}.trivia{height:100%;flex-direction:column;justify-content:space-around}.question{width:80%;padding:20px;text-align:center;background-color:#4a1686;border:2px solid #f1db10;border-radius:10px;font-size:20px}.answers{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin-top:1rem}.answer{width:40%;margin:10px;padding:12px;text-align:center;background-color:#4a1686;border:1px solid #f1db10;border-radius:13px;font-size:20px;cursor:pointer;transition:all .3s ease}.answer.active,.answer:hover{color:#4a1686;background-color:#eece1b;border-color:#4a1686}.answer.correct{animation:correct 3s ease forwards}@keyframes correct{0%,22%,42%{background:#eece1b}20%,40%,60%{background:linear-gradient(#0e0124,#f3d215)}62%,to{background:green}}.answer.wrong{animation:wrong 3s ease forwards}@keyframes wrong{0%,22%,42%{background:#eece1b}20%,40%,60%{background:linear-gradient(#17023b,#f3d215)}62%,to{background:#ee1f1f}}.start{width:30vw;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:rgba(0,0,0,.3);border:2px solid #fff;border-radius:10px;padding:20px}.startInput{width:80%;height:60px;padding:8px 12px;font-size:18px;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:5px;text-align:center}.startInput::placeholder{color:#ccc}.startInput:focus{outline:none;border-color:#f7c948}.startButton{width:80%;height:60px;margin-top:10px;background-color:#f7c948;color:#000;font-size:18px;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:.3s ease}.startButton:hover{background-color:#ffd700}.pyramid{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fcec09}.moneyList{list-style:none;width:100%;padding:24px}.moneyListItem{display:flex;align-items:center;padding:5px;border-radius:5px;transition:background .3s ease}.moneyListItem.active{background-color:#eece1b;color:#2f075e}.moneyListItemNumber{width:30%;font-size:18px;font-weight:100}.moneyListItemAmount{font-size:20px}.endtext{margin:auto;text-align:center;font-size:28px;font-weight:700}.avatar{justify-content:center}.avatar,.won{display:flex;align-items:center}.won{height:100%;flex-direction:column;justify-content:space-around;font-size:36px}