@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{display:flex;padding:0 10px;align-items:center;justify-content:center;min-height:100vh;background:#17a2b8;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::selection{color:#fff;background:#17a2b8}.wrapper{width:770px;padding:35px;background-color:#fff;border-radius:10px;box-shadow:0 10px 15px #0000000d}.wrapper .content-box{padding:13px 20px 0;border-radius:10px;border:1px solid #ccc}.wrapper .input-field{z-index:-999;opacity:0;position:absolute}.content-box .typing-text{max-height:255px;overflow-y:auto}.typing-text::-webkit-scrollbar{width:0}.typing-text p{font-size:21px;text-align:justify;letter-spacing:1px;word-break:break-all}.typing-text p span{position:relative}.typing-text p span.correct{color:#56964f}.typing-text p span.incorrect{color:#cb3439;background-color:pink;outline:1px solid #fff;border-radius:4px}.typing-text p span.active{color:#17a2b8}.typing-text p span.active:before{content:"";position:absolute;left:0;height:2px;width:100%;bottom:0;opacity:0;border-radius:5px;background:#17a2b8;animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:1}}.content-box .content{margin-top:17px;display:flex;padding:12px 0;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #bfbfbf}.content button{outline:none;border:none;width:105px;color:#fff;padding:8px 0;font-size:16px;cursor:pointer;border-radius:5px;background:#17a2b8;transition:transform .3s ease}.content button:active{transform:scale(.97)}.content .result-details{display:flex;flex-wrap:wrap;align-items:center;width:calc(100% - 140px);justify-content:space-between}.result-details li{display:flex;height:20px;list-style:none;position:relative;align-items:center}.result-details li:not(:first-child){padding-left:22px;border-left:1px solid #bfbfbf}.result-details li p{font-size:19px}.result-details li span{display:block;font-size:20px;margin-left:10px}li span b{font-weight:500}li:not(:first-child) span{font-weight:500}