*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.app{background:linear-gradient(180deg,#0000,#020230),url(/static/media/bg.c137ccd722d64133b4df.jpeg) 50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:100vh}.main{width:70%}.main,.top{display:flex;flex-direction:column}.top{align-items:center;height:50%;position:relative}.top .logo{margin-top:140px;object-fit:contain;width:300px}.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;visibility:hidden;width:70px}.credits-btn{background:none;font-size:50px;letter-spacing:2px;padding-left:20px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-3px 0 0 #000,3px 0 0 #000,0 -3px 0 #000,0 3px 0 #000}.credits-btn,.main-btn{border:none;cursor:pointer}.main-btn{background:#0000cd;border-radius:10px;color:#eee;font-size:22px;font-weight:300;margin:0 10px 20px;outline:none;padding:14px 40px;transition:1s ease}.main-btn:hover{background:#4169e1;color:#fff;transform:scale(1.04);transition:.2s}.main-btn:active{background:#00008b;color:#fff;transform:scale(.98);transition:.1s}.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:22px;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:22px;font-weight:300;margin:0 10px 20px;padding:10px;text-align:center;width:40%}.answer.active,.answer:hover{background:#0000cd}.answer.correct{animation:correct 3s ease forwards}@keyframes correct{0%,22%,42%{background:#0000cd}20%,40%,60%{background:linear-gradient(#0e0124,#22074d)}62%,to{background:green}}.answer.wrong{animation:wrong 3s ease forwards}@keyframes wrong{0%,22%,42%{background:#0000cd}20%,40%,60%{background:linear-gradient(#0e0124,#22074d)}62%,to{background:crimson}}.leftbar{align-items:center;display:flex;flex-direction:column;padding-top:20px;width:15%}.leftbar .logo{margin-left:20px;margin-top:20px;max-width:300px;object-fit:contain;width:90%}.pyramid-section{flex-direction:column;height:100vh;width:15%}.pyramid,.pyramid-section{align-items:center;display:flex;justify-content:center}.pyramid{position:relative;width:100%}.pyramid .logo-right{height:auto;margin-right:40px;margin-top:40px;pointer-events:auto;width:280px}.pyramid-container{background:linear-gradient(#100241,#000);border:2px solid #fff;border-radius:10px;font-size:20px;padding:20px;text-align:center;width:90%}.moneyList{flex-direction:column;justify-content:center;list-style:none;max-width:220px;padding:20px}.moneyList,.moneyListItem{align-items:center;display:flex;width:100%}.moneyListItem{border-radius:5px;flex-direction:row;justify-content:space-between;padding:5px;white-space:nowrap}.moneyListItem.active{background-color:teal;color:#fff!important}.moneyListItemAmount,.moneyListItemNumber{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moneyListItemNumber{font-size:18px;font-weight:100;width:20%}.moneyListItemAmount{font-size:20px;font-weight:300}.user-info{font-size:28px;font-weight:300;margin:0;padding:0}.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 .dialog{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}h1.endText{color:#fff}h1.endAward,h1.endText{font-size:24px;line-height:1.5;margin-bottom:0;padding-top:20px!important;text-align:center}h1.endAward{color:#d6a45d}h3.endText{color:#fff;font-size:24px;line-height:1.5;margin-bottom:30px;padding-top:20px!important;text-align:center}h1.millionText{padding-top:40px!important}h1.millionText,h3.millionText{color:#fff;font-size:32px;letter-spacing:2px;margin-bottom:20px}h3.millionText{padding-bottom:40px!important}.millionTextBold{color:#d6a45d}.earnedContent .dialog .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{align-items:center;background:linear-gradient(180deg,#0000,#020230),url(/static/media/bg.c137ccd722d64133b4df.jpeg) 50%;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}.start .logo{margin-top:140px;object-fit:contain;width:300px}.start .content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.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}.dialog{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#d6a45d;background-color:#271e39;border:4px solid #d6a45d;border-radius:30px;display:flex;flex-direction:column;height:auto;justify-content:center;padding:4rem;width:600px}.dialog label{color:#eee;font-size:.8rem;margin-bottom:5px;margin-left:5px;text-transform:uppercase}.dialog h2{color:#eee;font-size:1.5rem;margin-bottom:1.5rem}.dialog input{background-color:#eee;border:none;border-radius:7px;caret-color:#22074d;color:#22074d;font-size:1rem;height:40px;margin-bottom:1rem;outline:none;padding:0 1rem;text-align:center;width:100%}.dialog input::placeholder{color:#22074d;font-size:.9rem}.dialog code{color:crimson;font-size:13px;letter-spacing:2px;text-transform:capitalize}.dialog .btn{display:flex;justify-content:center;margin-top:20px;width:100%}@media screen and (max-width:767px){.dialog{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}}.sectionColor1{color:#ff4500!important}.sectionColor2{color:#00bfff!important}.sectionColor3{color:#32cd32!important}.sectionColor4{color:gold!important}.pyramid-divider-hr{align-self:center;border:none;border-top:2px solid #aaa;margin:8px 0;width:80%}.question-set-screen{align-items:center;background:#f7faff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.question-set-screen h2{color:#1a237e;font-size:2rem;margin-bottom:2rem}.question-set-btn{background:#1976d2;border:none;border-radius:8px;box-shadow:0 2px 8px #1976d214;color:#fff;cursor:pointer;font-size:1.3rem;padding:1rem 2.5rem;transition:background .2s,transform .2s}.question-set-btn:hover{background:#1565c0;transform:translateY(-2px) scale(1.04)}.logo-bar{display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.logo-left{margin-left:40px;width:250px}.logo-left,.logo-right{height:auto;margin-top:40px;pointer-events:auto;position:relative}.logo-right{margin-right:40px;width:280px}.pyramid-logo-topright{padding:10px;position:absolute;right:0;top:0;z-index:2}.pyramid-logo-topright .logo-right{height:50px;width:auto}.lifelines-bar{align-items:center;display:flex;justify-content:center;margin-bottom:10px;width:100%}.lifeline-btn{height:48px;margin:0 8px;transition:opacity .2s;width:48px}
/*# sourceMappingURL=main.62aab352.css.map*/