.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff}.loader{left:50%;top:50%;width:80px;height:50px;margin:-40px -25px}.duo,.loader{position:absolute}.duo{height:20px;width:50px;background:rgba(0,0,0,0)}.dot,.duo{animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.duo1{left:0}.duo2{left:30px}.dot{width:20px;height:20px;border-radius:10px;background:#333;position:absolute}.dot-a{left:0}.dot-b{right:0}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes onOff{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}.duo1,.duo2{animation-name:spin}.duo2{animation-direction:reverse}.duo1 .dot-a,.duo2 .dot-b{animation-name:onOff}.duo1 .dot-a{opacity:0;animation-direction:reverse}body{height:100vh;background:#e6f0a3;background:-moz-linear-gradient(top,#e6f0a3 0,#d2e638 50%,#dbf043 100%);background:-webkit-linear-gradient(top,#e6f0a3,#d2e638 50%,#dbf043);background:linear-gradient(180deg,#e6f0a3 0,#d2e638 50%,#dbf043);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6f0a3",endColorstr="#dbf043",GradientType=0);font-family:sans-serif;font-size:18px}a{text-decoration:none}.container{max-width:350px;padding:15px;margin:0 auto}.logo{text-align:center;margin:30px 0}.logo img{max-height:150px;max-width:90%}.clear:after{content:"";display:block;clear:both}.modal{padding:15px;overflow:auto;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(51,51,51,.28);display:none}.modal .container{background:#fff;padding:15px}.modal .container .title{font-weight:700;font-size:20px}.modal .container .content{font-size:16px;line-height:1.3}.modal .container .actions a{padding:10px 20px;background:green;color:#fff;border-radius:10px;display:inline-block}.login-page{text-align:center;margin-top:20vh}.login-page label{font-size:20px;margin-bottom:20px;display:block}.login-page .number-input,.login-page .otp-input{margin:20px auto;background:#fff;padding:20px;font-size:20px;line-height:20px;color:#000;border-radius:10px;border:none}.login-page .number-input:focus,.login-page .otp-input:focus{outline:none}.login-page .login-button{display:inline-block;margin:20px auto;background:#fff;padding:20px 40px;font-size:20px;line-height:20px;color:#000;font-weight:700;border-radius:30px;box-shadow:0 0 4px #ccc;border:none}.home-page .header{text-align:center}.home-page .score-container{border:2px dashed #fff;padding:30px;margin:30px 0;background:hsla(0,0%,100%,.38);border-radius:20px;text-align:center;font-size:16px;position:relative}.home-page .score-container .highScore{font-size:30px;font-weight:700;display:inline-block;margin-top:10px}.home-page .score-container .leaderBoard-container{display:inline-block;position:absolute;bottom:-20px;left:50%}.home-page .score-container .leaderBoard-container .link{display:inline-block;padding:10px 20px;background:#fff;border-radius:20px;font-size:15px;line-height:20px;color:#000;position:relative;left:-50%}.home-page .chance-container{font-size:15px;text-align:center}.home-page .button-container{text-align:center;margin-top:40px}.home-page .button-container .start-game-button{display:inline-block;margin:20px auto;background:#fff;padding:20px 40px;font-size:20px;line-height:20px;color:#000;font-weight:700;border-radius:30px;box-shadow:0 0 4px #ccc}.home-page .logout-container{text-align:center}.home-page .logout-container a.logout-link{color:#aaa}.activate-page{text-align:center;margin-top:30vh}.activate-page .title{font-size:25px;margin-bottom:20px}.activate-page .activate-button{display:inline-block;margin:20px auto;background:#fff;padding:20px 40px;font-size:20px;line-height:20px;color:#000;font-weight:700;border-radius:30px;box-shadow:0 0 4px #ccc}.activate-page .logout-container{text-align:center}.activate-page .logout-container a.logout-link{color:#aaa}.leaderboard-page .header{text-align:center;font-size:18px;color:#000;font-weight:700;padding:10px;line-height:30px}.leaderboard-page .header:after{content:"";display:block;clear:both}.leaderboard-page .header .back-button{display:inline-block;float:left}.leaderboard-page .header .back-button img{height:30px}.leaderboard-page .user-list{list-style:none;padding:0;margin:20px 0}.leaderboard-page .user-list .user-item{display:block;margin-bottom:10px;padding:10px;background:hsla(0,0%,100%,.21);color:#000;border-radius:5px;font-size:15px;line-height:30px}.leaderboard-page .user-list .user-item:after{display:block;content:"";clear:both}.leaderboard-page .user-list .user-item .position{display:inline-block;float:left;margin-right:10px;width:30px;height:30px;text-align:center;background:green;color:#fff;border-radius:50%}.leaderboard-page .user-list .user-item .number{display:inline-block;float:left;font-weight:700}.leaderboard-page .user-list .user-item .point{display:inline-block;float:right}.leaderboard-page .user-list .user-item .seconds{display:block;clear:both;padding-left:40px;line-height:20px;color:#aaa}.leaderboard-page .user-list .user-item .alert{display:block;text-align:center}.winner-page .header{text-align:center;font-size:18px;color:#000;font-weight:700;padding:10px;line-height:30px}.winner-page .header:after{content:"";display:block;clear:both}.winner-page .header .back-button{display:inline-block;float:left}.winner-page .header .back-button img{height:30px}.winner-page .user-list{list-style:none;padding:0;margin:20px 0}.winner-page .user-list .user-item{display:block;margin-bottom:10px;padding:10px;background:hsla(0,0%,100%,.21);color:#000;border-radius:5px;font-size:15px;line-height:30px}.winner-page .user-list .user-item:after{display:block;content:"";clear:both}.winner-page .user-list .user-item .date{display:inline-block;margin-right:10px;padding:0 10px;height:30px;text-align:center;background:green;color:#fff;border-radius:20px;clear:both}.winner-page .user-list .user-item .number{display:inline-block;float:left;font-weight:700}.winner-page .user-list .user-item .point{display:inline-block;float:right}.winner-page .user-list .user-item .prize{display:inline-block;float:left;line-height:20px;color:green}.winner-page .user-list .user-item .seconds{float:right;line-height:20px;color:#aaa}.winner-page .user-list .user-item .alert{display:block;text-align:center}.game-page .header .level{float:left;line-height:25px;font-weight:700}.game-page .header .points{float:right;background:green;min-width:25px;height:25px;border-radius:5px;color:#fff;text-align:center;line-height:25px;padding:0 10px}.game-page .header:after{content:"";display:block;height:0;clear:both}.game-page .screen{margin:30px 0;background:green;border:10px solid #fff}.game-page .screen .question{padding:60px 20px;font-size:50px;color:#fff;text-align:center;font-family:Special Elite,cursive,sans-serif}.game-page .screen .progress{background:#ddd;margin:5px}.game-page .screen .progress .bar{background:#fff;border:1px solid #fff;height:15px;width:0}.game-page .chance-container{font-size:15px;color:#000;text-align:center}.game-page .buttons{padding:20px;text-align:center}.game-page .buttons .answer-button{display:inline-block;width:70px;height:70px;border-radius:50%;margin:0 20px;padding:10px;overflow:hidden;border:10px solid #fff;background:#fff}.game-page .buttons .answer-button img{width:70px;height:70px}.game-page .buttons .answer-button.correct-button{border-color:green}.game-page .buttons .answer-button.wrong-button{border-color:red}