@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";.container ol li{font-size:1.4em;color:#cecece}.start{display:flex;justify-content:center;padding-top:2em}.start .btn{padding:.2em 1.7em;border:none;border-radius:.1em;font-size:1.2em;color:#202020;text-decoration:none;background-color:#faff5a}#form{display:flex;justify-content:center;margin-top:4em}#form .userId{padding:.7em 2em;width:50%;border:none;border-radius:3px;font-size:1em}.flex-center{display:flex;justify-content:center;flex-direction:column;border:1px solid #cecece;padding:3em 4em;gap:1em}.container .flex{display:flex;justify-content:space-between}.container .flex span{font-size:1.4em;color:#cecece}.container .flex span.achive{font-weight:700;color:#ff2a66;color:#2aff95}table{width:100%}.table-header{color:#cecece;font-size:1.1em;text-align:center;background:#212121;padding:18px 0}.table-body{font-size:1.1em;text-align:center;background:#d8d8d8;padding:18px 0}.table-header>tr>td{border:1px solid #faff5a}:root{--primary-color: #0dff92;--dark-color: #222222;--light-color: #f0f0f0}body,html{height:100%;background:var(--dark-color)}*>*{font-family:Poppins,sans-serif}.container{display:block;position:relative;margin:40px auto;height:auto;width:800px;padding:20px}.container .title{font-size:3em;text-align:center;border:5px solid var(--primary-color);padding:.3em .2em;border-radius:4px}.text-light{color:var(--light-color)}.container ul{list-style:none;margin:0;padding:0;overflow:auto}.container .questions{padding:3em}.container .grid{margin-top:3em;display:grid;grid-template-columns:1fr 1fr}.container .btn{padding:.2em 1.7em;border:none;border-radius:.1em;font-size:1.2em}.container .btn:hover{cursor:pointer;background-color:#f0f0f0;color:#202020}.next{background-color:var(--primary-color);justify-self:flex-end}.prev{background-color:#faff5a;justify-self:flex-start}ul li{color:#aaa;display:block;position:relative;float:left;width:100%;height:100px;border-bottom:1px solid #333}ul li input[type=radio]{position:absolute;visibility:hidden}ul li label{display:block;position:relative;font-weight:300;font-size:1.35em;padding:25px 25px 25px 80px;margin:10px auto;height:30px;z-index:9;cursor:pointer;-webkit-transition:all .25s linear}ul li:hover label{color:#fff}ul li .check{display:block;position:absolute;border:5px solid #aaaaaa;border-radius:100%;height:25px;width:25px;top:30px;left:20px;z-index:5;transition:border .25s linear;-webkit-transition:border .25s linear}ul li:hover .checked{border:5px solid #ffffff}ul li .check:before{display:block;position:absolute;content:"";border-radius:100%;height:15px;width:15px;top:5px;left:5px;margin:auto;transition:background .25s linear;-webkit-transition:background .25s linear}input[type=radio]:checked~.check{border:5px solid var(--primary-color)}input[type=radio]:checked~.check:before{background:var(--primary-color)}input[type=radio]:checked~.text-primary{color:var(--primary-color)}.checked{border:5px solid var(--primary-color)!important}.checked:before{background:var(--primary-color)}