@import "font/font.css";html{display:flex;height:100%;font-family:Exo,sans-serif;font-size:18px;font-weight:300;color:#505050}html body{width:100%;height:100%;margin:0}html body main.join{width:100%;max-width:unset}html body main.join header{width:100%;max-width:500px;margin:auto}html body main,html body #qaForm{display:flex;max-width:500px;flex-direction:column;width:100%;height:100%;margin:auto}html body main input,html body main textarea,html body main button,html body #qaForm input,html body #qaForm textarea,html body #qaForm button{font-family:Exo,sans-serif;font-size:18px;font-weight:300;color:#505050}html body main input,html body main textarea,html body #qaForm input,html body #qaForm textarea{width:100%;box-sizing:border-box;color:black;text-align:center;letter-spacing:10px;background-color:#f0f0f0;border:solid 2px #f0f0f0;border-radius:10px;outline:0;margin:0;padding:12px;transition:border-color .3s}html body main input[type=text],html body #qaForm input[type=text]{letter-spacing:2px}html body main textarea,html body #qaForm textarea{resize:none;text-align:left;letter-spacing:normal;padding:14px 16px}html body main input.error,html body main textarea.error,html body #qaForm input.error,html body #qaForm textarea.error{border-color:#db3838}html body main button,html body #qaForm button{width:fit-content;color:white;background-color:#505050;border:0;border-radius:25px;margin:0 auto;padding:15px 22px;cursor:pointer}html body main div.success,html body main div.info,html body #qaForm div.success,html body #qaForm div.info{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}html body main div.success span,html body main div.info span,html body #qaForm div.success span,html body #qaForm div.info span{font-size:200px}html body main div.success p,html body main div.info p,html body #qaForm div.success p,html body #qaForm div.info p{text-align:center;margin:0}html body main div.success p.first,html body main div.info p.first,html body #qaForm div.success p.first,html body #qaForm div.info p.first{font-weight:600;font-size:24px;margin-bottom:10px}html body main div.success p.last,html body main div.info p.last,html body #qaForm div.success p.last,html body #qaForm div.info p.last{margin-bottom:40px}html body main div.success span,html body #qaForm div.success span{color:#5db844}html body main div.info span,html body #qaForm div.info span{color:#0093ff;margin-bottom:40px}html body main.play{padding:30px;box-sizing:border-box}html body main.play div.question{text-align:justify;color:black;background-color:#f0f0f0;border-radius:5px;margin-bottom:20px;padding:14px 16px;cursor:default}html body main.play div.question p{margin:0}html body main.play div.question p.hint{font-size:14px;margin-top:8px}html body .hidden{display:none}