*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Rubik,sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.container{width:327px;margin:0 auto}body{background-color:#f4f6fa;transition:background-color .3s ease}.header{display:flex;justify-content:space-between;margin:26px 0}.headerInside{display:flex;align-items:center;gap:8px}.headerInside img{transition:color .3s ease}.switch{position:relative;display:inline-block;width:32px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#a729f5}input:focus+.slider{box-shadow:0 0 1px #a729f5}input:checked+.slider:before{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translate(12px)}.pageTexts{margin:32px 0}.pageTexts h1:nth-child(1){color:#313e51;font-size:40px;font-weight:300;line-height:40px;text-align:left;margin-bottom:8px;transition:color .3s ease}.pageTexts h1:nth-child(2){color:#313e51;font-size:40px;font-weight:500;line-height:40px;text-align:left;margin-bottom:16px;transition:color .3s ease}.pageTexts p{font-size:14px;font-style:italic;font-weight:400;line-height:21px;text-align:left;color:#626c7f;transition:color .3s ease}.questionTexts{display:flex;flex-direction:column;gap:12px;margin:32px 0}.questionTexts button{display:flex;gap:16px;align-items:center;width:327px;background-color:#fff;box-shadow:0 16px 40px #8fa0c124;border:none;border-radius:12px;padding:12px;font-size:18px;font-weight:500;line-height:18px;text-align:left;color:#313e51;transition:background-color .3s ease;transition:color .3s ease}.questionTexts button:hover{background-color:#f6f6f6}.questionTitle{display:flex;align-items:center;gap:16px}.questionTitle p{font-size:18px;font-weight:500;line-height:18px;text-align:left;color:#313e51}.questionTexts P{font-size:14px;font-style:italic;font-weight:400;line-height:21px;text-align:left;color:#626c7f}.questionTexts h2{font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#313e51}.answers{display:flex;flex-direction:column;gap:16px}.answer button{display:flex;gap:16px;align-items:center;width:321px;background-color:#fff;border:none;padding:12px;font-size:18px;font-weight:500;line-height:18px;text-align:left;color:#313e51;border-radius:12px;transition:background-color .3s ease}.answer button p:nth-child(1){background-color:#f4f6fa;padding:11px 14px;border-radius:6px;transition:background-color .3s ease}.answer{border:3px solid #FFFFFF;transition:border .3s ease;background-color:#fff;box-shadow:0 16px 40px #8fa0c124;border-radius:12px;transition:background-color .3s ease}.answers .selected{border:3px solid #A729F5;border-radius:12px}.selected button p:nth-child(1){color:#fff;background-color:#a729f5;transition:background-color .3s ease}.answers .wrong-answer{border:3px solid #EE5454;border-radius:12px}.wrong-answer button p:nth-child(1){color:#fff;background-color:#ee5454}.answers .correct-answer{border:3px solid #26D782;border-radius:12px}.correct-answer button p:nth-child(1){color:#fff;background-color:#26d782}.submitButton{background-color:#a729f5;box-shadow:0 16px 40px #8fa0c124;padding:12px;border-radius:12px;opacity:0px;color:#fff;border:none;height:56px;transition:background-color .3s ease}.submitButton:hover{background-color:#b559ee}.error{display:flex;align-items:center;gap:12px;color:#ee5454;justify-content:center}.completeTexts{margin:32px 0}.completeTexts h2:nth-child(1){color:#313e51;font-size:40px;font-weight:300;line-height:40px;text-align:left;margin-bottom:8px}.completeTexts h2:nth-child(2){font-size:40px;font-weight:500;line-height:40px;text-align:left;color:#313e51}.scoreBox{background-color:#fff;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;border-radius:12px;padding:32px;box-shadow:0 16px 40px #8fa0c124;margin-bottom:12px}.scoreBox p:nth-child(1){display:flex;align-items:center;gap:16px;justify-content:center;font-size:18px;font-weight:500;line-height:18px;text-align:left;color:#313e51}.scoreBox h1{font-size:88px;font-weight:500;line-height:88px;text-align:left;color:#313e51}.scoreBox p:nth-child(3){color:#626c7f;font-size:18px;font-weight:400;line-height:18px;text-align:left}.userScore button{background-color:#a729f5;box-shadow:0 16px 40px #8fa0c124;padding:12px;border-radius:12px;opacity:0px;color:#fff;border:none;height:56px;width:327px;transition:background-color .3s ease}.dark{background-color:#313e51}.dark .pageTexts h1:nth-child(1){color:#fff}.dark .pageTexts h1:nth-child(2){color:#fff}.dark .pageTexts p{color:#abc1e1}.dark .questionTexts button{background-color:#3b4d66;color:#fff;box-shadow:0 16px 40px #8fa0c124;transition:background-color .3s ease}.dark .headerInside img{filter:brightness(0) invert(1);transition:background-color .3s ease}.dark .questionTitle p{color:#fff}.dark .questionTexts P{color:#abc1e1}.dark .questionTexts h2{color:#fff}.dark .answer button p:nth-child(1){background-color:#f4f6fa;color:#626c7f;padding:11px 14px;border-radius:6px}.dark .answer button{background-color:#3b4d66;color:#fff}.dark .answer{border:3px solid #3B4D66;transition:border .3s ease;background-color:#3b4d66;box-shadow:0 16px 40px #8fa0c124;border-radius:12px}.dark .answers .selected{border:3px solid #A729F5;border-radius:12px}.dark .selected button p:nth-child(1){color:#fff;background-color:#a729f5;transition:background-color .3s ease}.dark .answers .wrong-answer{border:3px solid #EE5454;border-radius:12px}.dark .wrong-answer button p:nth-child(1){color:#fff;background-color:#ee5454}.dark .answers .correct-answer{border:3px solid #26D782;border-radius:12px}.dark .correct-answer button p:nth-child(1){color:#fff;background-color:#26d782}.dark .completeTexts h2:nth-child(1){color:#fff}.dark .completeTexts h2:nth-child(2){color:#fff}.dark .scoreBox{background-color:#3b4d66;box-shadow:0 16px 40px #313e5124}.dark .submitButton{box-shadow:0 16px 40px #313e5124}.dark .scoreBox p:nth-child(1){color:#fff}.dark .scoreBox h1{color:#fff}.dark .scoreBox p:nth-child(3){color:#abc1e1}