#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}.question-card,.card{padding:20px;width:500px;display:inline-block;cursor:pointer;margin-bottom:18px;text-align:center;-webkit-box-shadow:0 1px 20px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.12);box-shadow:0 1px 20px #00000014,0 1px 2px #0000001f;border-radius:12px}.question-card:hover{transform:scale(1.01)}.line{margin-bottom:30px}input[type=text]{font-size:20px;padding:10px;width:100%}label{display:inline-block;margin-bottom:10px}.button{background-color:coral;padding:12px 0;font-size:20px;display:inline-block;width:100%;color:#fff;border-radius:5px}.button.disabled{opacity:.4}.button.next{background-color:#595aac;display:inline-block;text-align:center}.success input{background-color:#7fffd4;border:1px solid lightseagreen;color:#32cd32}.error input{background-color:tomato;border:1px solid darkred;color:#8b0000}p.goodAnswer{margin-top:10px;font-weight:100}p.goodAnswer span{position:relative}p.goodAnswer span i{position:relative;z-index:3}p.goodAnswer span:after{transition:width 2s;content:"";position:absolute;top:12px;left:0;display:inline-block;width:100%;background-color:#ff0;height:10px}h2{margin-bottom:20px}.wrapper{padding:20px 0;text-align:center}.topInfos{width:100%;display:inline-block;cursor:pointer;margin-bottom:100px;text-align:center}.topInfos p{margin-bottom:20px;font-size:14px;color:coral}input[type=text]{font-size:20px;padding:10px}.CB{display:block;width:100%}.logout{border:1px solid #ccc;font-size:17px;padding:10px;border-radius:5px}.progresseBar{display:block;width:100%;height:20px;position:relative;background-color:coral}.progresseBar span{display:inline-block;position:absolute;height:20px;background-color:#7fffd4;left:0;border-radius:0 10px 10px 0;transition:width 2s}.link{color:coral}table{width:100%}tr{border-collapse:collapse}td{border-bottom:1px solid #ccc;border-collapse:collapse;padding:10px}div.dot{background-color:#2c3e50;width:20px;height:20px;border-radius:20px}div.dot.green{background-color:#8fbc8f}div.dot.red{background-color:#8b0000}.result-card{padding:20px;width:80%;display:inline-block;cursor:pointer;margin-bottom:18px;text-align:center;-webkit-box-shadow:0 1px 20px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.12);box-shadow:0 1px 20px #00000014,0 1px 2px #0000001f;border-radius:12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{font-size:20px}button{all:unset}nav{position:fixed;top:0;right:0;padding-right:20px}nav a{padding:22px 6px;text-decoration:none;color:#000;font-size:16px;display:inline-block;text-transform:uppercase}.levelLink[data-v-1f15d9c1]{padding:10px;max-width:850px;cursor:pointer;box-shadow:0 3px 12px #0003;display:block;margin:0 auto 10px;border-radius:10px}.levelLink h3[data-v-1f15d9c1]{color:coral;font-size:20px}.levelLink p[data-v-1f15d9c1]{font-size:14px}.levelLink[data-v-1f15d9c1]:hover{transform:scale(1.01);box-shadow:0 3px 12px #0003}@media (min-width: 1024px){.about{min-height:100vh;display:flex;align-items:center}}