body{margin:0;min-height:100vh}.progress-bar-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}#progress-bar{width:30%;margin-top:.5%;height:2%}label{color:#fff;font-size:2rem}.header{position:absolute;left:50%;top:10%;transform:translate(-50%);text-align:center;z-index:100}.header h1{font-size:3.5rem}.header button{font-size:1.6rem;background-color:#000;color:#fff;padding:.3rem;cursor:pointer}.header button:hover{background-color:#fff;color:#000}.questions{position:absolute;top:1%;left:2%}.questions p,ul{color:#fff;font-size:1.8rem}.questions p{padding:.5rem;background-color:#000;opacity:0}.questions,ul{list-style:none;padding:0;margin-top:0;display:inline-block}.questions ul li{cursor:pointer;padding:.5rem;background-color:#000;transform:rotateX(90deg)}.questions ul li span:nth-child(2){background-size:cover;width:30px;height:30px;display:inline-block;margin-bottom:-5px;margin-right:.3rem}.explanation{position:absolute;left:50%;transform:translate(-50%);bottom:1%;width:90%;text-align:right;opacity:0}.explanation button{font-size:1.4rem}.explanation .text-wrapper p{font-size:1.6rem;background-color:#000;color:#fff;padding:.8rem;text-align:left}.score{position:absolute;right:2%;font-size:1.5rem;background-color:#000;color:#fff;padding:.5rem}