*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#F4F6FA;--bg-items:#FFFFFF;--color:#313E51;--color_: #626C7F;--moon-sun-fill:#626C7F;--desktop:url(/images/pattern-background-desktop-light.svg);--tablet: url(/images/pattern-background-tablet-light.svg);--mobile: url(/images/pattern-background-mobile-light.svg);--shadow: 0 0 4px rgba(186, 186, 186,.6)}.dark{--bg:#313E51;--bg-items:#3B4D66;--color:#ffff;--color_: #ABC1E1;--moon-sun-fill:#FFFFFF;--desktop:url(/images/pattern-background-desktop-dark.svg);--tablet: url(/images/pattern-background-tablet-dark.svg);--mobile: url(/images/pattern-background-mobile-dark.svg);--shadow:""}ul li{box-shadow:var(--shadow)}body{background:var(--bg);background-image:var(--desktop);background-position:center;background-size:cover;height:100vh}@media (max-width:768px){body{background:var(--bg);background-image:var(--tablet)}}@media (max-width:450px){body{background:var(--bg);background-image:var(--mobile)}}.container{padding:10px;background:var(--bg-items);color:var(--color)}ul li{background:var(--bg-items)}ul li p,.left h5,.left h6{color:var(--color)}.left p{color:var(--color_)}.question p{color:var(--color)}.moon path{fill:var(--moon-sun-fill)}.sun path{fill:var(--moon-sun-fill)}.progress{background:var(--bg-items)}.quiztype p{color:var(--color)}.mode{width:100%;height:10vh;display:flex;justify-content:end;align-items:center;overflow:hidden;box-sizing:border-box;padding:30px 50px;gap:10px}.switch{position:relative;display:inline-block;width:55px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#757575;-webkit-transition:.4s;transition:.4s}.slider:hover{background:#a445ed}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#a445ed}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.home-page,.quiz-content{width:100%;height:90vh;display:flex;justify-content:center;flex-wrap:wrap;padding-top:10px}.right,.left{max-width:596px;width:100%}.left h6{font-size:56px;font-family:rubik regular;font-weight:lighter;line-height:100%}.answer-check{background:transparent!important;display:block;border:none!important}.options{cursor:pointer;display:block;justify-content:space-between}.opt{display:flex;align-items:center;gap:20px}.alternatives{display:flex;align-items:center;justify-content:center;background:#f4f6fa;color:#626c7f;font-family:rubik medium;width:45px;height:45px;border-radius:5px}.left h5{font-size:56px;font-family:rubik medium}.left p{margin-top:50px;font-family:rubik italic}.right ul li{padding:15px;cursor:pointer;margin-bottom:15px;border-radius:24px;display:flex;align-items:center;gap:15px;font-family:rubik medium}.right ul li span{width:46px;height:46px;background:#e0dddd;border-radius:5px;box-sizing:border-box;padding:5px;display:flex;align-items:center;justify-content:center}.right ul li span img{width:36px;height:36px}.quiz-content{padding:10px}.left .question{max-width:500px;width:100%}.question p{font-size:36px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range] :-webkit-slider-thumb{-webkit-appearance:none;color:transparent}.re-position{position:absolute;top:15px;padding-left:30px}.quiztype_{display:flex;align-items:center;gap:5px}.quiztype p{font-family:rubik medium}.quiztype img{background:#f6e7ff;border-radius:5px;overflow:hidden;padding:3px}.progress{margin-top:30px;display:flex;justify-content:start;align-items:center;padding:4px;box-sizing:border-box;border-radius:99px}.progress-bar{background:#a729f5;border-radius:99px;height:12px}.content{display:flex;flex-wrap:wrap;align-items:center;padding:30px}.btn{width:100%;padding:20px;border:none;border-radius:16px;background:#a729f5;color:#fff;font-family:rubik medium;font-size:28px;cursor:pointer;transition:.3s ease-in}.btn:hover{opacity:50%}.error-message{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:10px;color:red;font-family:rubik medium}.quiztype{display:flex;align-items:center;gap:5px}.completed{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:30px;font-family:rubik medium}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;padding:30px;margin-bottom:30px}.container .score h1{font-size:144px}#complete{display:none}@font-face{font-family:rubik regular;src:url(/fonts/static/Rubik-Regular.ttf)}@font-face{font-family:rubik medium;src:url(/fonts/static/Rubik-Medium.ttf)}@font-face{font-family:rubik italic;src:url(/fonts/static/Rubik-Italic.ttf)}.img{border:none!important}@media (max-width:928px){.content{display:flex;flex-direction:column;align-items:center}.right,.left{max-width:650px;width:100%;padding:15px}}@media (max-width:768px){.right ul li,.btn{border-radius:10px}}@media (max-width:450px){.left h6,.left h5{font-size:40px}.mode{padding-right:30px}}