body{font-family:'Roboto',sans-serif;background-color:#333;margin:0}.container{display:flex;height:100vh;background-color:#333;top:100%;width:100%;position:absolute;transition:top .5s ease-in-out}.start-button{position:absolute;top:50%;left:50%;width:50%;transform:translate(-50%,-50%);z-index:1;display:inline-block;text-align:center}.mouse-target{position:absolute;top:50%;left:10%;width:20%;transform:translate(-50%,-50%);z-index:1;display:inline-block}.start-button,.mouse-target{text-align:center}.mouse-target img{cursor:pointer;height:100px;border-radius:30px;border:#9696a0 solid 3px}.mouse-target img:hover{transition:.5s ease-in-out;transform:scale(1.1)}.mouse-target h1{margin-top:10px;font-size:20px}.container.show{top:65px}h1{font-size:calc(1vw + 30px);font-family:Quicksand,OpenSans,Arial;font-weight:bold;text-align:center;color:white}#startImage{width:60%;height:60%;border:solid white 2px;border-radius:50%}#startImage:hover{transition:.5s ease-in-out;transform:scale(1.1)}.sidebar{width:200px;background-color:#333;color:#fff;position:absolute;left:-200px;top:19px;transition:left .3s ease;z-index:999;border-right:solid #3459e0;border-bottom:solid #3459e0;padding-bottom:20px}#sidebar-toggle{position:absolute;left:0;top:44px;transform:translateY(-50%);width:30px;height:44px;background-color:#ffffff;cursor:pointer;border-top-right-radius:5px;border-bottom-right-radius:5px;border:3px solid #3459e0;transition:all .3s ease;z-index:1000}#sidebar-toggle div{width:15px;height:2px;background-color:#000000;margin:5px auto;transition:all .3s ease}#sidebar-toggle.active div:first-child{transform:rotate(45deg) translate(5px,5px)}#sidebar-toggle.active div:nth-child(2){opacity:0}#sidebar-toggle.active div:last-child{transform:rotate(-45deg) translate(5px,-5px)}.progress-heading{font-size:25px;margin-bottom:10px;text-align:center;background-color:#3459e0;padding:10px}.stage-menu{display:flex;flex-direction:column}.stage-item{padding:10px;margin-bottom:5px;background-color:#707070;color:#333;border-radius:5px;cursor:pointer;margin:5px 10px 0 10px}.stage-item[data-clicked="true"]{border:solid 3px green;background-color:#ffffff}.stage-item.active{background-color:#4CAF50;color:#fff}.main-content{flex:1;padding:20px}#question-container{max-height:70%;margin-left:2%;overflow-y:auto;overflow-x:hidden}.question{background-color:#fff;border:1px solid #ddd;padding:10px;transition:background-color .5s ease;box-shadow:5px -5px 4px 2px rgba(0,0,0,.1);margin-top:-2px;position:relative;z-index:1;line-height:1.5;font-size:calc(1vw + 20px);font-family:Quicksand,OpenSans,Arial;font-weight:bold}.question p{margin-left:10px;margin-top:10px;margin-bottom:10px}.question.correct{background-color:#a5d6a7}.question.incorrect{background-color:#ea535a}.question.correct,.question.incorrect{transform:scale(.97) translateX(2%);opacity:.8;box-shadow:none;border:none}.options{display:flex;flex-direction:space-between}button{padding:10px;width:48%;border:none;border-radius:8px;background-color:#e0e0e0;cursor:pointer;transition:background-color .3s ease}.options button{font-family:Quicksand,OpenSans,Arial;font-weight:bold;font-size:calc(.3vw + 10px);margin:10px}button:hover{background-color:#c0c0c0}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;z-index:1}.modal-content{background-color:#fff;padding:20px;border-radius:10px;text-align:center}.modal h2{margin-bottom:10px}.modal p{margin:10px 0}.modal button{background-color:#4CAF50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}#progress-bar{display:flex;align-items:center;justify-content:center;margin-top:20px}.circle{width:20px;height:20px;border-radius:50%;background-color:white;border:2px solid blue;transition:background-color .3s,border .3s}.line,.mini-line.filled{flex-grow:1;height:3px;background-color:blue;transition:background-color .3s}.mini-line.completed{flex-grow:1;height:3px;background-color:blue;transition:background-color .3s}.circle.completed{border:2px solid #4CAF50;;transform:scale(1.4)}.completed{background-color:#4CAF50}.circle.current{background-color:blue;transform:scale(1.4)}.mini-circles-container{display:flex;justify-content:space-between}.mini-circle{width:10px;height:10px;border-radius:50%;background-color:white;border:1px solid blue;transition:background-color .3s,border .3s}.mini-circle.filled{background-color:#278604;border:1px solid white}.mini-circle.current{background-color:blue}.mini-line{flex-grow:1;height:1px;background-color:blue}.mini-line.completed{flex-grow:1;height:3px;background-color:#4CAF50;transition:background-color .3s}.answer-box{background-color:#fff;border:2px solid #3498db;border-radius:8px;padding:5px 15px 5px 15px;font-size:18px;font-weight:bold;color:#3498db;text-align:center;opacity:0;animation:fadeIn 1s forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.particle{--x:0;--y:0;background-color:rebeccapurple;border-radius:50%;position:absolute;top:50%;left:50%;height:5px;width:5px;z-index:-1}.particle.move{animation:move 1000ms linear forwards}@keyframes move{to{transform:translate(var(--x),var(--y))}95%{opacity:1}100%{opacity:0}}.sound-toggle-button,.music-toggle-button{position:fixed;bottom:20px;background-color:#e74c3c;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease,width .3s ease;width:40px;text-align:center;overflow:hidden;white-space:nowrap}.sound-toggle-button{right:20px}.music-toggle-button{right:65px}.sound-toggle-button img,.music-toggle-button img{width:20px}.sound-on{background-color:#2ecc71}.sound-toggle-button:hover,.music-toggle-button:hover{background-color:var(--hover-color)}.switch-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.switch-modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.3)}.swtich-modal button{margin-top:10px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.switch-modal button.yes{background-color:#4caf50;color:#fff}.switch-modal button.no{background-color:#f44336;color:#fff}.switch-modal button:hover{filter:brightness(90%)}#bannerText{font-family:'Press Start 2P',cursive;color:#13b413;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:999;transition:all 1s ease-in-out;max-width:90vw;overflow:hidden;white-space:nowrap}.progress-container{display:flex;flex-direction:column;align-items:center;margin-left:2%}#progress-bar-container{width:100%;position:relative}#progress-bar{width:100%;height:20px;margin-bottom:20px}#timer{background-color:#fff;padding:5px;border:2px solid #3633ff;margin-left:auto;border-radius:10px;color:#3733ff}