*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.app{background-color:#020230;color:#fff;height:100vh}.app,.main{display:flex}.main{background:linear-gradient(180deg,transparent,#020230),url(/static/media/bg.c137ccd722d64133b4df.jpeg) 50%;flex-direction:column;width:75%}.top{height:50%;position:relative}.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}.question{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%}.answer.active,.answer:hover{background:#0000cd}.answer.correct{-webkit-animation:correct 3s ease forwards;animation:correct 3s 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 3s ease forwards;animation:wrong 3s 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%}.moneyList{list-style:none;padding:20px;width:100%}.moneyListItem{align-items:center;border-radius:5px;display:flex;padding:5px}.moneyListItem.active{background-color:teal}.moneyListItemNumber{font-size:18px;font-weight:100;width:30%}.moneyListItemAmount{font-size:20px;font-weight:300}.earnedContent,.earnedContent.congrats{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.earnedContent.congrats{background-image:url(/static/media/congrats.c6e45375f7a5254332f8.gif);background-position:50%;background-repeat:no-repeat;background-size:cover}.earnedContent .content{align-items:center;background:rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.earnedContent .content .endText{color:#fff;font-size:30px;margin-bottom:10px}.earnedContent .content h3.endText{font-weight:300}.earnedContent .content .tryAgain{background:#0000cd;border:none;color:#eee;cursor:pointer;outline:none;padding:12px 0;text-transform:uppercase;transition:1s ease;width:20%}.earnedContent .content .tryAgain:hover{background:linear-gradient(#100241,#000)}.start{background-image:url(/static/media/giphy.f43a151d12f738c6ee69.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.start,.start .content{align-items:center;display:flex;justify-content:center;width:100%}.start .content{background:rgba(0,0,0,.5);flex-direction:column;height:100%;position:relative}.start .content .github{color:#eee;position:absolute;right:1rem;top:1rem}.start .content .github a{align-items:center;background:#22074d;border-radius:50%;color:#eee;display:inline-flex;justify-content:center;padding:.8rem;text-decoration:none;transition:all .6s ease}.start .content .github a:hover{background:#eee;color:#22074d}.start .content .wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#22074dbc;border-radius:30px;display:flex;flex-direction:column;height:auto;justify-content:center;padding:1.5rem 2rem;width:400px}.start .content .wrapper label{color:#eee;font-size:.8rem;margin-bottom:5px;margin-left:5px;text-transform:uppercase}.start .content .wrapper input{background-color:#eee;border:none;border-radius:7px;caret-color:#22074d;color:#22074d;font-size:1rem;height:40px;outline:none;padding:0 1rem;width:100%}.start .content .wrapper input::-webkit-input-placeholder{color:#22074d;font-size:.9rem}.start .content .wrapper input::placeholder{color:#22074d;font-size:.9rem}.start .content .wrapper code{color:crimson;font-size:13px;letter-spacing:2px;text-transform:capitalize}.start .content .wrapper .btn{display:flex;justify-content:center;margin-top:20px;width:100%}.start .content .wrapper button{background:#0000cd;border:none;color:#eee;cursor:pointer;outline:none;padding:12px 0;text-transform:uppercase;transition:1s ease;width:50%}.start .content .wrapper button:hover{background:linear-gradient(#100241,#000)}@media screen and (max-width:767px){.start .content .wrapper{width:95%}.main{width:80%}.pyramid{width:20%}.moneyList{padding:20px 5px}.moneyListItem{margin-bottom:12px;width:100%}.moneyListItemNumber{display:none}.moneyListItemAmount{font-size:11px}.top{height:50%;position:relative}.timer{border:3px solid #fff;bottom:20px;font-size:20px;font-weight:500;height:50px;left:20px;width:50px}.bottom{height:50%}.question{border-radius:10px;font-size:17px;padding:20px 15px;width:90%}.answers{flex-wrap:wrap;width:100%}.answer,.answers{display:flex;justify-content:center}.answer{align-items:center;background:linear-gradient(#0e0124,#22074d);border:1px solid #fff;border-radius:10px;cursor:pointer;font-size:12px;font-weight:300;margin:0 10px 20px;padding:10px;text-align:center;width:40%}.earnedContent .content .endText{font-size:18px}.earnedContent .content .tryAgain{width:50%}}@media screen and (max-width:1024px) and (min-width:768px){.moneyListItemNumber{font-size:15px;font-weight:100;width:30%}.moneyListItemAmount{font-size:18px;font-weight:300}}
/*# sourceMappingURL=main.8b914155.css.map*/