.form-control{text-align:center;font-size:20px;font-weight:bold;letter-spacing:3px}#rankList ul{font-size:0;padding:20px 0;margin:0 auto;list-style:none;background:#22465A;color:#FFE244;border-radius:10px;max-width:500px}#rankList ul li{font-size:16px;padding:5px;border-bottom:1px solid #FFE244}#rankList ul li:first-child{border-top:1px solid #FFE244}#rankList ul li .rank{width:60px;display:inline-block;text-align:center}#rankList ul li .name{font-weight:bold;padding-right:30px;width:50%;text-align:left;display:inline-block}#rankList ul li .correct{display:inline-block;width:20%}body,html{padding:0;margin:0;position:relative;background:#FFE244;color:#22465A;overflow:hidden;width:100vw;height:100vh}body #rank,html #rank{padding-top:60px}body #rank h1,html #rank h1{text-align:center;font-weight:bold}.logo{border-radius:50%;display:block;width:120px;margin:0 auto}#question{padding-top:30px;overflow:auto;height:100vh;padding-bottom:30px}#question p{margin-bottom:0}#question .logo{margin-bottom:30px}#question .submit,#question .replay{letter-spacing:2px;font-weight:bold}#question .replay{margin-bottom:60px}#question .replay i{margin-right:10px}#question .submit{line-height:3em}#question p{text-align:center}#question .form-control{margin-bottom:15px}#question h2{padding:5px;text-align:center;background:#22465A;color:#FFE244}#question #answerTime{font-size:20vh;color:#22465A;text-align:center;font-weight:bold}#countDown{overflow:auto;height:100vh;background:#22465A;color:#FFE244;width:100vw;position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#countDown .alertDanger{display:none}#countDown .alertDanger img{width:80px}#countDown p{font-weight:bold;font-size:20px;text-align:center}#countDown h1{font-size:20vh;padding:0;margin:0;text-align:center}#countDown .rank{display:none;text-align:center}#countDown .rank header{padding:5px 0 15px}#index{overflow:auto;height:100vh;padding-bottom:30px}#index h1{line-height:45px}#index .logo{border-radius:50%;display:inline-block;width:45px;margin-top:-10px}#index .start{letter-spacing:2px;font-weight:bold}#index .bg-danger{display:inline-block;padding:0 3px;margin:0 3px}#index .container-sm{padding-top:30px}#index ol{max-width:350px;display:block;margin:0 auto 60px}#index ol li{line-height:1.5rem;padding-bottom:10px;text-align:left}#index ol,#index h1,#index header{text-align:center;font-weight:bold}#index header{font-size:26px;background:#22465A;color:#FFE244;padding:5px;margin-bottom:15px;margin-top:15px}
