/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#815ac0}@media screen and (max-width: 768px){:root{--general-text-color: black;--body-gradient-start-color: #FFFFFF;--body-gradient-end-color: #DBDBDB;--empty-boxes: #BFBFBF;--info-container: #FFFFFF;--head-title-font-size: 2rem;--under-text-font-size: .9rem;--start-quiz-button-gradient-start-color: #815AC0;--start-quiz-button-gradient-end-color: #59409C;--start-quiz-arrow-color: white;--general-font-color: #FFFFFF;--question-font-size: 1.5rem;--question-gradient-start-color: #815AC0;--question-gradient-end-color: #59409C;--header-font-size: 1rem;--question-box-color: white;--question-box-height: 24.5rem;--question-box-border-radius: 2.8rem;--answer-font-size: 1.5rem;--answer-correct-color: #38AE00;--answer-incorrect-color: #A40000;--answer-label-font-size: 1.5rem;--answer-label-text-color: #FFFFFF;--answer-label-color: #B185DB;--results-popup-font-size: 1.5rem;--results-popup-color: #D9D9D9;--results-popup-start-color: #815AC0;--results-popup-end-color: #59409C;--results-popup-icon-color: #FFFFFF;--footer-height: 3rem}@keyframes rotateShape{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes startQuizArrowAnimtaion{0%{transform:translate(0)}50%{transform:translate(5%)}to{transform:translate(0)}}@keyframes rightToCenterBox{0%{transform:translate(-100%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes currentToLeftTransition{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes leftToRightTransition{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}body{background:linear-gradient(to bottom,var(--body-gradient-start-color) 0%,var(--body-gradient-end-color) 100%);font-family:Roboto,sans-serif}main{min-height:100vh}main .hidden{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .home-page{overflow:hidden}main .home-page .main-info-container{background-color:var(--info-container);width:379px;height:215px;border-radius:17px;position:fixed;top:50%;left:50%;padding:0 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:rightToCenterBox .8s ease-in-out forwards}main .home-page .main-info-container .head-title{font-size:var(--head-title-font-size);font-weight:500;margin:0;text-align:center}main .home-page .main-info-container .under-text{font-size:var(--under-text-font-size);opacity:80%;font-weight:300;text-align:center;padding:0 12%}main .home-page .main-info-container .start-quiz-button{background-color:transparent;padding:10px;margin:0;border:0;color:var(--general-text-color);background:linear-gradient(to right,var(--start-quiz-button-gradient-start-color) 0%,var(--start-quiz-button-gradient-end-color) 100%);font-size:0;border-radius:50%;cursor:pointer;position:absolute;bottom:-18%;transform:scale(.8)}main .home-page .main-info-container .start-quiz-button .arrow-icon{fill:var(--start-quiz-arrow-color)}main .home-page .main-info-container .start-quiz-button .arrow-icon .start-quiz-arrow-1{animation:startQuizArrowAnimtaion 2s ease-in-out 0s infinite}main .home-page .main-info-container .start-quiz-button .arrow-icon .start-quiz-arrow-2{transform:translate(-10%)}main .home-page .background-shapes{position:relative;z-index:-1}main .home-page .background-shapes .shapes{position:fixed}main .home-page .background-shapes .custom-shape-1,main .home-page .background-shapes .custom-shape-2{z-index:1;animation:rotateShape 180s linear 0s infinite}main .home-page .background-shapes .custom-shape-1{top:-401px;left:-375px;transform:scale(2)}main .home-page .background-shapes .custom-shape-2{bottom:-310px;right:-330px}main .home-page .background-shapes .circle-shape-1{top:-40px;right:-30px}main .home-page .background-shapes .circle-shape-2{bottom:-40px;left:-30px}main .home-page .background-shapes .line-shape-1{bottom:30px;left:-110px;transform:rotate(354deg)}main .home-page .background-shapes .line-shape-2{top:0;right:-100px;transform:rotate(168deg)}main .home-page .background-shapes .line-shape-3{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .quiz-page{min-height:100vh;position:relative;overflow-x:hidden}main .quiz-page .info-container,main .quiz-page .answers-container,main .quiz-page .next-question-button-container{z-index:2}main .quiz-page .questions-container{height:605px;background:linear-gradient(to bottom,var(--question-gradient-start-color) 0%,var(--question-gradient-end-color) 100%);padding:28px 37.5px}main .quiz-page .questions-container .counter-display,main .quiz-page .questions-container .question-container{color:var(--general-font-color);font-weight:300;position:relative;z-index:2}main .quiz-page .questions-container .counter-display{font-size:var(--header-font-size)}main .quiz-page .questions-container .question-container{font-size:var(--question-font-size);text-align:center;margin:26px 0 0}main .quiz-page .info-container{position:absolute;top:26px;right:37px;font-weight:300;font-size:var(--header-font-size);color:var(--general-font-color);display:flex}main .quiz-page .info-container .line{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .quiz-page .info-container .score-display,main .quiz-page .info-container .timer{width:max-content;display:flex}main .quiz-page .info-container .score-display .score-icon,main .quiz-page .info-container .score-display .timer-icon,main .quiz-page .info-container .timer .score-icon,main .quiz-page .info-container .timer .timer-icon{height:16px;width:16px;text-align:right;background-repeat:no-repeat;background-position:center;background-size:15px}main .quiz-page .info-container .score-display .score-icon,main .quiz-page .info-container .timer .score-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="white" d="M480-120 80-600l120-240h560l120 240-400 480Zm-95-520h190l-60-120h-70l-60 120Zm55 347v-267H218l222 267Zm80 0 222-267H520v267Zm144-347h106l-60-120H604l60 120Zm-474 0h106l60-120H250l-60 120Z"/></svg>')}main .quiz-page .info-container .score-display .timer-icon,main .quiz-page .info-container .timer .timer-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="15" width="15" viewBox="0 -960 960 960" ><path fill="white" d="M360-840v-80h240v80H360Zm80 440h80v-240h-80v240Zm40 320q-74 0-139.5-28.5T226-186q-49-49-77.5-114.5T120-440q0-74 28.5-139.5T226-694q49-49 114.5-77.5T480-800q62 0 119 20t107 58l56-56 56 56-56 56q38 50 58 107t20 119q0 74-28.5 139.5T734-186q-49 49-114.5 77.5T480-80Zm0-80q116 0 198-82t82-198q0-116-82-198t-198-82q-116 0-198 82t-82 198q0 116 82 198t198 82Zm0-280Z"/></svg>');margin:0 0 0 6px}main .quiz-page .question-mark{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .quiz-page .answers-container{width:100vw;display:flex;flex-direction:column;align-items:center;position:absolute;top:200px}main .quiz-page .answers-container .active-question-box{width:345px;height:155px;font-size:var(--answer-font-size);font-weight:600;border-radius:22.5px;border:none;margin:8px 0 25px;background-color:var(--question-box-color);transition:box-shadow .4s ease-in-out 0s;position:relative;cursor:pointer}main .quiz-page .answers-container .active-question-box:disabled{color:#000;cursor:default}main .quiz-page .answers-container .active-question-box .answer-label{width:71px;height:41px;background-color:var(--answer-label-color);font-size:var(--answer-label-font-size);color:var(--answer-label-text-color);position:absolute;top:-20px;right:30px;border-radius:1.4rem;display:flex;justify-content:center;align-items:center}main .quiz-page .answers-container .correct-answer{box-shadow:inset 0 0 0 8px var(--answer-correct-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .answers-container .incorrect-answer{box-shadow:inset 0 0 0 8px var(--answer-incorrect-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .next-question-button-container{margin:170px 0 var(--footer-height) 0;width:100vw;display:flex;justify-content:center;position:relative}main .quiz-page .next-question-button-container .next-question-button{font-size:0;padding:10px;border-radius:50%;background:linear-gradient(to right,var(--question-gradient-start-color) 0%,var(--question-gradient-end-color) 100%);border:none;transform:scale(.5);cursor:pointer}main .quiz-page .next-question-button-container .next-question-button:disabled{background:gray;opacity:.5;cursor:default}main .quiz-page .next-question-button-container .next-question-button:disabled .arrow-icon{animation:none}main .quiz-page .next-question-button-container .next-question-button .arrow-icon{animation:startQuizArrowAnimtaion 2s ease-in-out 0s infinite;fill:#fff}main .quiz-page .mobile-background-shapes{width:100vw;height:100vh;position:absolute;bottom:0;z-index:1;background-image:url(/fed23d-javascript-grundkurs-gruppuppgift-bergamotterna/question_mark_frame.svg);padding:0 0 0 20px}main .results-popup{position:fixed;top:0;width:100vw;height:100vh;background-color:#000000a8;display:flex;justify-content:center;align-items:center;overflow:auto;z-index:3}main .results-popup .results-container{width:400px;min-height:100px;max-height:400px;background-color:var(--results-popup-color);border-radius:22px;display:flex;flex-direction:column;align-items:center;padding:20px;font-size:var(--results-popup-font-size);position:relative;opacity:0}main .results-popup .results-container .result-icon{width:162px;height:162px;margin:0 0 10px}main .results-popup .results-container .result-text{font-weight:700}main .results-popup .results-container .result-under-text{font-weight:300}main .results-popup .results-container .restart-quiz-btn{width:68px;height:68px;padding:0;font-size:0;border:0;background:linear-gradient(to right,var(--results-popup-start-color) 0%,var(--results-popup-end-color) 100%);border-radius:50%;position:absolute;bottom:-31px;cursor:pointer}main .results-popup .results-container .restart-quiz-btn .reset-icon{width:80%;height:80%;fill:var(--results-popup-icon-color);transition:transform 1s ease-in-out 0s}main .result-in-animation{animation:leftToRightTransition .8s cubic-bezier(.075,.82,.165,1) 0s 1 forwards}main .result-out-animation{animation:currentToLeftTransition .8s cubic-bezier(.075,.82,.165,1) 0s 1 forwards}footer{width:100vw;font-weight:300;height:var(--footer-height);position:fixed;bottom:0;text-align:center;pointer-events:none}}@media screen and (min-width: 768px) and (max-width: 1024px){:root{--general-text-color: black;--body-gradient-start-color: #FFFFFF;--body-gradient-end-color: #DBDBDB;--empty-boxes: #BFBFBF;--info-container: #FFFFFF;--head-title-font-size: 2rem;--under-text-font-size: .9rem;--start-quiz-button-gradient-start-color: #815AC0;--start-quiz-button-gradient-end-color: #59409C;--start-quiz-arrow-color: white;--general-font-color: #FFFFFF;--question-font-size: 1.5rem;--question-gradient-start-color: #815AC0;--question-gradient-end-color: #59409C;--header-font-size: 1rem;--question-box-color: white;--question-box-height: 24.5rem;--question-box-border-radius: 2.8rem;--answer-font-size: 2.25rem;--answer-correct-color: #38AE00;--answer-incorrect-color: #A40000;--answer-label-font-size: 1.5rem;--answer-label-text-color: #FFFFFF;--answer-label-color: #B185DB;--results-popup-font-size: 1.5rem;--results-popup-color: #D9D9D9;--results-popup-start-color: #815AC0;--results-popup-end-color: #59409C;--results-popup-icon-color: #FFFFFF;--footer-height: 3rem}@keyframes rotateShape{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes startQuizArrowAnimtaion{0%{transform:translate(0)}50%{transform:translate(5%)}to{transform:translate(0)}}@keyframes rightToCenterBox{0%{transform:translate(-100%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes currentToLeftTransition{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes leftToRightTransition{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}body{background:linear-gradient(to bottom,var(--body-gradient-start-color) 0%,var(--body-gradient-end-color) 100%);font-family:Roboto,sans-serif}main{min-height:100vh}main .hidden{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .home-page{overflow:hidden}main .home-page .main-info-container{background-color:var(--info-container);width:379px;height:215px;border-radius:17px;position:fixed;top:50%;left:50%;padding:0 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:rightToCenterBox .8s ease-in-out forwards}main .home-page .main-info-container .head-title{font-size:var(--head-title-font-size);font-weight:500;margin:0;text-align:center}main .home-page .main-info-container .under-text{font-size:var(--under-text-font-size);opacity:80%;font-weight:300;text-align:center;padding:0 12%}main .home-page .main-info-container .start-quiz-button{background-color:transparent;padding:10px;margin:0;border:0;color:var(--general-text-color);background:linear-gradient(to right,var(--start-quiz-button-gradient-start-color) 0%,var(--start-quiz-button-gradient-end-color) 100%);font-size:0;border-radius:50%;cursor:pointer;position:absolute;bottom:-18%;transform:scale(.8)}main .home-page .main-info-container .start-quiz-button .arrow-icon{fill:var(--start-quiz-arrow-color)}main .home-page .main-info-container .start-quiz-button .arrow-icon .start-quiz-arrow-1{animation:startQuizArrowAnimtaion 2s ease-in-out 0s infinite}main .home-page .main-info-container .start-quiz-button .arrow-icon .start-quiz-arrow-2{transform:translate(-10%)}main .home-page .background-shapes{position:relative;z-index:-1}main .home-page .background-shapes .shapes{position:fixed}main .home-page .background-shapes .custom-shape-1,main .home-page .background-shapes .custom-shape-2{z-index:1;animation:rotateShape 180s linear 0s infinite}main .home-page .background-shapes .custom-shape-1{top:-401px;left:-375px;transform:scale(2)}main .home-page .background-shapes .custom-shape-2{bottom:-310px;right:-330px}main .home-page .background-shapes .circle-shape-1{top:-40px;right:-30px}main .home-page .background-shapes .circle-shape-2{bottom:-40px;left:-30px}main .home-page .background-shapes .line-shape-1{bottom:30px;left:-110px;transform:rotate(354deg)}main .home-page .background-shapes .line-shape-2{top:0;right:-100px;transform:rotate(168deg)}main .home-page .background-shapes .line-shape-3{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .quiz-page{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}main .quiz-page .info-container,main .quiz-page .answers-container,main .quiz-page .next-question-button-container{z-index:2}main .quiz-page .questions-container{width:100vw;height:960px;background:linear-gradient(to bottom,var(--question-gradient-start-color) 0%,var(--question-gradient-end-color) 100%);padding:28px 37.5px}main .quiz-page .questions-container .counter-display,main .quiz-page .questions-container .question-container{color:var(--general-font-color);font-weight:300;position:relative;z-index:2}main .quiz-page .questions-container .counter-display{font-size:var(--header-font-size)}main .quiz-page .questions-container .question-container{font-size:var(--question-font-size);text-align:center;margin:26px 0 0}main .quiz-page .info-container{position:absolute;top:26px;right:37px;font-weight:300;font-size:var(--header-font-size);color:var(--general-font-color);display:flex}main .quiz-page .info-container .line{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .quiz-page .info-container .score-display,main .quiz-page .info-container .timer{width:max-content;display:flex}main .quiz-page .info-container .score-display .score-icon,main .quiz-page .info-container .score-display .timer-icon,main .quiz-page .info-container .timer .score-icon,main .quiz-page .info-container .timer .timer-icon{height:16px;width:16px;text-align:right;background-repeat:no-repeat;background-position:center;background-size:15px}main .quiz-page .info-container .score-display .score-icon,main .quiz-page .info-container .timer .score-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="white" d="M480-120 80-600l120-240h560l120 240-400 480Zm-95-520h190l-60-120h-70l-60 120Zm55 347v-267H218l222 267Zm80 0 222-267H520v267Zm144-347h106l-60-120H604l60 120Zm-474 0h106l60-120H250l-60 120Z"/></svg>')}main .quiz-page .info-container .score-display .timer-icon,main .quiz-page .info-container .timer .timer-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="15" width="15" viewBox="0 -960 960 960" ><path fill="white" d="M360-840v-80h240v80H360Zm80 440h80v-240h-80v240Zm40 320q-74 0-139.5-28.5T226-186q-49-49-77.5-114.5T120-440q0-74 28.5-139.5T226-694q49-49 114.5-77.5T480-800q62 0 119 20t107 58l56-56 56 56-56 56q38 50 58 107t20 119q0 74-28.5 139.5T734-186q-49 49-114.5 77.5T480-80Zm0-80q116 0 198-82t82-198q0-116-82-198t-198-82q-116 0-198 82t-82 198q0 116 82 198t198 82Zm0-280Z"/></svg>');margin:0 0 0 6px}main .quiz-page .question-mark{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .quiz-page .answers-container{width:100vw;display:flex;flex-direction:column;align-items:center;position:absolute;top:200px}main .quiz-page .answers-container .active-question-box{width:533px;height:261px;font-size:var(--answer-font-size);font-weight:600;border-radius:22.5px;border:none;margin:8px 0 25px;background-color:var(--question-box-color);transition:box-shadow .4s ease-in-out 0s;position:relative;cursor:pointer}main .quiz-page .answers-container .active-question-box:disabled{color:#000;cursor:default}main .quiz-page .answers-container .active-question-box .answer-label{width:71px;height:41px;background-color:var(--answer-label-color);font-size:var(--answer-label-font-size);color:var(--answer-label-text-color);position:absolute;top:-20px;right:30px;border-radius:1.4rem;display:flex;justify-content:center;align-items:center}main .quiz-page .answers-container .correct-answer{box-shadow:inset 0 0 0 8px var(--answer-correct-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .answers-container .incorrect-answer{box-shadow:inset 0 0 0 8px var(--answer-incorrect-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .next-question-button-container{margin:170px 0 var(--footer-height) 0;width:100vw;display:flex;justify-content:center;position:relative}main .quiz-page .next-question-button-container .next-question-button{font-size:0;padding:10px;border-radius:50%;background:linear-gradient(to right,var(--question-gradient-start-color) 0%,var(--question-gradient-end-color) 100%);border:none;transform:scale(.5);cursor:pointer}main .quiz-page .next-question-button-container .next-question-button:disabled{background:gray;opacity:.5;cursor:default}main .quiz-page .next-question-button-container .next-question-button:disabled .arrow-icon{animation:none}main .quiz-page .next-question-button-container .next-question-button .arrow-icon{animation:startQuizArrowAnimtaion 2s ease-in-out 0s infinite;fill:#fff}main .quiz-page .mobile-background-shapes{width:600px;height:100vh;background-image:url(/fed23d-javascript-grundkurs-gruppuppgift-bergamotterna/question_mark_frame.svg);position:absolute;bottom:0;z-index:1;padding:0 0 0 20px}main .results-popup{position:fixed;top:0;width:100vw;height:100vh;background-color:#000000a8;display:flex;justify-content:center;align-items:center;overflow:auto;z-index:3}main .results-popup .results-container{width:400px;min-height:100px;max-height:400px;background-color:var(--results-popup-color);border-radius:22px;display:flex;flex-direction:column;align-items:center;padding:20px;font-size:var(--results-popup-font-size);position:relative;opacity:0}main .results-popup .results-container .result-icon{width:162px;height:162px;margin:0 0 10px}main .results-popup .results-container .result-text{font-weight:700}main .results-popup .results-container .result-under-text{font-weight:300}main .results-popup .results-container .restart-quiz-btn{width:68px;height:68px;padding:0;font-size:0;border:0;background:linear-gradient(to right,var(--results-popup-start-color) 0%,var(--results-popup-end-color) 100%);border-radius:50%;position:absolute;bottom:-31px;cursor:pointer}main .results-popup .results-container .restart-quiz-btn .reset-icon{width:80%;height:80%;fill:var(--results-popup-icon-color);transition:transform 1s ease-in-out 0s}main .result-in-animation{animation:leftToRightTransition .8s cubic-bezier(.075,.82,.165,1) 0s 1 forwards}main .result-out-animation{animation:currentToLeftTransition .8s cubic-bezier(.075,.82,.165,1) 0s 1 forwards}footer{width:100vw;font-weight:300;height:var(--footer-height);position:fixed;bottom:0;text-align:center;pointer-events:none}}@media screen and (min-width: 1025px){:root{--general-text-color: black;--body-gradient-start-color: #FFFFFF;--body-gradient-end-color: #DBDBDB;--empty-boxes: #BFBFBF;--info-container: #FFFFFF;--head-title-font-size: 3rem;--head-title-small-font-size: 2rem;--under-text-font-size: 1rem;--under-text-small-font-size: .9rem;--start-quiz-button-gradient-start-color: #815AC0;--start-quiz-button-gradient-end-color: #59409C;--start-quiz-arrow-color: white;--question-color: #FFFFFF;--question-font-size: 1.5rem;--question-gradient-start-color: #815AC0;--question-gradient-end-color: #59409C;--question-box-color: white;--question-box-height: 24.5rem;--question-box-border-radius: 2.8rem;--answer-font-size: 1.5rem;--answer-hover-color: #B185DB;--answer-correct-color: #38AE00;--answer-incorrect-color: #A40000;--answer-label-font-size: 1.5rem;--answer-label-text-color: #FFFFFF;--answer-label-color: #B185DB;--results-popup-font-size: 1.5rem;--results-popup-color: #D9D9D9;--results-popup-start-color: #815AC0;--results-popup-end-color: #59409C;--results-popup-icon-color: #FFFFFF;--footer-height: 3rem}@keyframes rotateShape{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoomEffectShape{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes topToCurrentPositionTransition{0%{transform:translateY(-200%)}to{transform:translateY(0)}}@keyframes rightToLeftTransition{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes currentToLeftTransition{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes leftToRightTransition{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bottomToCurrentPosition{0%{transform:translateY(200%)}to{transform:translateY(0)}}body{background:linear-gradient(to bottom,var(--body-gradient-start-color) 0%,var(--body-gradient-end-color) 100%);font-family:Roboto,sans-serif}main{min-height:100vh}main .hidden{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .home-page{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;position:relative;overflow:hidden}main .home-page .boxes-container,main .home-page .background-shapes{grid-column:1/span 12}main .home-page .boxes-container{grid-row:1/span 1;height:333px;display:grid;grid-template-rows:repeat(2,1fr);grid-gap:23px;position:relative;margin:93px 0}main .home-page .boxes-container .upper-container .box,main .home-page .boxes-container .lower-container .box{grid-column:span 3;background-color:var(--empty-boxes);opacity:70%;border-radius:22.5px}main .home-page .boxes-container .upper-container{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;grid-auto-flow:column;transform:translateY(-200%);animation:topToCurrentPositionTransition .8s ease-in-out 0s 1 forwards}main .home-page .boxes-container .upper-container .box:first-child{grid-column:span 2;border-radius:0 22.5px 22.5px 0}main .home-page .boxes-container .upper-container .box:last-child{grid-column:span 1;border-radius:22.5px 0 0 22.5px}main .home-page .boxes-container .lower-container{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;transform:translate(100%);animation:rightToLeftTransition .5s ease-in-out .25s 1 forwards}main .home-page .main-info-container{background-color:var(--info-container);grid-row:1/span 1;grid-column:5/span 4;height:277px;border-radius:17px;margin:0 0 100px;padding:20px;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:bottomToCurrentPosition 1s ease-in-out 0s 1}main .home-page .main-info-container .head-title{font-weight:500;margin:0;text-align:center;padding:0 7%}main .home-page .main-info-container .under-text{opacity:80%;font-weight:300;text-align:center;padding:0 20%}}@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1453px){main .home-page .main-info-container .head-title{font-size:var(--head-title-small-font-size)}main .home-page .main-info-container .under-text{font-size:var(--under-text-small-font-size)}}@media screen and (min-width: 1025px) and (min-width: 1454px){main .home-page .main-info-container .head-title{font-size:var(--head-title-font-size)}main .home-page .main-info-container .under-text{font-size:var(--under-text-font-size)}}@media screen and (min-width: 1025px){main .home-page .main-info-container .start-quiz-button{background-color:transparent;padding:10px;margin:0;border:0;color:var(--general-text-color);background:linear-gradient(to right,var(--start-quiz-button-gradient-start-color) 0%,var(--start-quiz-button-gradient-end-color) 100%);font-size:0;border-radius:50%;cursor:pointer;position:absolute;bottom:-15%;transform:scale(.8)}main .home-page .main-info-container .start-quiz-button:hover{opacity:.9}main .home-page .main-info-container .start-quiz-button:hover .arrow-icon .start-quiz-arrow-1{transform:translate(100%);transition:transform 1s cubic-bezier(.32,.66,.86,.25) 0s}main .home-page .main-info-container .start-quiz-button:hover .arrow-icon .start-quiz-arrow-2{transform:translate(80%);transition:transform 1s cubic-bezier(.32,.66,.86,.25) 0s}main .home-page .main-info-container .start-quiz-button .arrow-icon{fill:var(--start-quiz-arrow-color);transform:scale(1.3);border-radius:50%}main .home-page .main-info-container .start-quiz-button .arrow-icon .start-quiz-arrow-1{transition:transform 1s cubic-bezier(.32,.66,.86,.25) 0s}main .home-page .main-info-container .start-quiz-button .arrow-icon .start-quiz-arrow-2{transform:translate(-10%);transition:transform 1s cubic-bezier(.32,.66,.86,.25) 0s}main .home-page .background-shapes{grid-row:1/span 1;min-height:100vh;max-height:max-content;z-index:-1;position:relative}main .home-page .background-shapes .shapes{position:absolute}main .home-page .background-shapes .custom-shape-1,main .home-page .background-shapes .custom-shape-2{z-index:2;animation:rotateShape 180s linear infinite}main .home-page .background-shapes .custom-shape-1{top:-40%;left:-8%}main .home-page .background-shapes .custom-shape-2{bottom:-24%;right:-11%}main .home-page .background-shapes .circle-shape-1,main .home-page .background-shapes .circle-shape-2{animation:zoomEffectShape 10s ease-in-out infinite}main .home-page .background-shapes .circle-shape-1{left:42.5%;top:-6%;transform:rotate(0)}main .home-page .background-shapes .circle-shape-2{right:-3.5%;top:38%}main .home-page .background-shapes .line-shape-1{bottom:26%;left:-1%;transform:rotate(181deg)}main .home-page .background-shapes .line-shape-2{top:0%;right:-3%;transform:rotate(184deg)}main .home-page .background-shapes .line-shape-3{bottom:-6%;left:58.5%;transform:rotate(353deg)}main .quiz-page{min-height:100vh;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px}main .quiz-page .questions-container,main .quiz-page .question-mark,main .quiz-page .answers-container{grid-row:1}main .quiz-page .questions-container{grid-column:1/span 8;background:linear-gradient(to right,var(--question-gradient-start-color) 0%,var(--question-gradient-end-color) 100%);height:var(--question-box-height);border-radius:0 var(--question-box-border-radius) var(--question-box-border-radius) 0;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-start;justify-content:space-between;padding:30px}main .quiz-page .questions-container .counter-display,main .quiz-page .questions-container .question-container{color:var(--question-color);font-size:var(--question-font-size);font-weight:300}main .quiz-page .questions-container .counter-display{-webkit-user-select:none;user-select:none}main .quiz-page .questions-container .question-container{width:800px;text-align:right}main .quiz-page .question-mark{grid-column:9/span 4;width:100%;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 0 30px;-webkit-user-select:none;user-select:none}main .quiz-page .answers-container{grid-column:1/span 12;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;grid-template-rows:repeat(2,1fr);height:var(--question-box-height);position:relative;top:50%;transform:translateY(-25%)}main .quiz-page .answers-container .empty-box{grid-column:span 3;background-color:var(--empty-boxes);opacity:70%;border-radius:22.5px;border:0;margin:10px 0 0}main .quiz-page .answers-container .empty-box:nth-child(5){grid-column:span 1;border-radius:0 22.5px 22.5px 0}main .quiz-page .answers-container .empty-box:last-child{grid-column:span 2;border-radius:22.5px 0 0 22.5px}main .quiz-page .answers-container .active-question-box{background-color:var(--question-box-color);opacity:100%;font-size:var(--answer-font-size);font-weight:700;position:relative;box-shadow:inset 0 0 0 0 var(--answer-hover-color);transition:box-shadow .4s ease-in-out 0s;cursor:pointer}main .quiz-page .answers-container .active-question-box:disabled{color:#000;cursor:default}main .quiz-page .answers-container .active-question-box:hover{box-shadow:inset 0 0 0 8px var(--answer-hover-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .answers-container .active-question-box .answer-label{width:71px;height:41px;font-size:var(--answer-label-font-size);font-weight:700;color:var(--answer-label-text-color);background-color:var(--answer-label-color);position:absolute;top:-20px;right:30px;border-radius:1.4rem;display:flex;justify-content:center;align-items:center}main .quiz-page .answers-container .correct-answer{box-shadow:inset 0 0 0 8px var(--answer-correct-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .answers-container .incorrect-answer{box-shadow:inset 0 0 0 8px var(--answer-incorrect-color);transition:box-shadow .4s ease-in-out 0s}main .quiz-page .next-question-button-container{grid-column:6/span 2;display:flex;justify-content:center;align-items:center;margin:var(--footer-height) 0 var(--footer-height) 0}main .quiz-page .next-question-button-container .next-question-button{font-size:0;padding:10px;border-radius:50%;background:linear-gradient(to right,var(--question-gradient-start-color) 0%,var(--question-gradient-end-color) 100%);border:none;transform:scale(.5);cursor:pointer}main .quiz-page .next-question-button-container .next-question-button:disabled{background:gray;opacity:.5;cursor:default}main .quiz-page .next-question-button-container .next-question-button .arrow-icon{transform:scale(.7);fill:#fff}main .quiz-page .info-container{display:flex;align-items:center;height:var(--footer-height);width:max-content;position:fixed;bottom:0;right:0;padding:0 15px;font-weight:300;color:var(--general-text-color)}main .quiz-page .info-container .line{margin:0 10px}main .quiz-page .mobile-background-shapes{visibility:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);height:0vh;overflow:hidden;position:absolute;white-space:nowrap;width:0vw}main .results-popup{position:fixed;top:0;width:100vw;height:100vh;background-color:#000000a8;display:flex;justify-content:center;align-items:center;overflow:auto;z-index:3}main .results-popup .results-container{width:400px;min-height:100px;max-height:400px;background-color:var(--results-popup-color);border-radius:22px;display:flex;flex-direction:column;align-items:center;padding:20px;font-size:var(--results-popup-font-size);position:relative;opacity:0}main .results-popup .results-container .result-icon{width:162px;height:162px;margin:0 0 10px}main .results-popup .results-container .result-text{font-weight:700}main .results-popup .results-container .result-under-text{font-weight:300}main .results-popup .results-container .restart-quiz-btn{width:68px;height:68px;padding:0;font-size:0;border:0;background:linear-gradient(to right,var(--results-popup-start-color) 0%,var(--results-popup-end-color) 100%);border-radius:50%;position:absolute;bottom:-31px;cursor:pointer}main .results-popup .results-container .restart-quiz-btn:hover .reset-icon{transform:rotateY(-360deg);transition:transform 1s cubic-bezier(.1,.04,.13,.98) 0s}main .results-popup .results-container .restart-quiz-btn .reset-icon{width:80%;height:80%;fill:var(--results-popup-icon-color);transition:transform 1s ease-in-out 0s}main .result-in-animation{animation:leftToRightTransition .8s cubic-bezier(.075,.82,.165,1) 0s 1 forwards}main .result-out-animation{animation:currentToLeftTransition .8s cubic-bezier(.075,.82,.165,1) 0s 1 forwards}footer{width:100vw;height:var(--footer-height);position:fixed;bottom:0;text-align:center;pointer-events:none}}