#container{box-shadow:0.5vw 0.5vw 1.2vw 0.5vw rgba(118,20,133,0.7);display:flex;align-items:center;justify-content:center;position:relative;background-image:url("../../../../../infographics/types-of-cv-quiz-v2/frontend/images/bg.png");background-size:cover;background-position:center;width:90vw;height:63vw}#container #shapes{position:absolute;width:93vw;transform:translateX(1.5vw) translateY(3vw);z-index:0;transition:all 0.3s ease}#container #shapes.invisible{opacity:0}#container #shapes.display-none{display:none}#container .wrapper{display:flex;align-items:center;justify-content:center;width:52%;z-index:2}#container .navigation{display:flex;align-items:center;justify-content:center;position:absolute;bottom:2vw}#container .result-illustration{position:absolute;opacity:1;z-index:1;transition:all 0.3s ease}#container .result-illustration#chronological{width:25vw;left:-3vw;top:-1vw}#container .result-illustration#combined{width:24vw;left:-3vw;top:4vw}#container .result-illustration#functional{width:24vw;left:-3vw;top:4vw}#container .result-illustration.display-none{display:none !important}#container .result-illustration.invisible{opacity:0 !important}@media (max-width: 699px){#container{height:115vw}#container .wrapper{width:90%}#container #shapes{display:none}#container .result-illustration{width:15vw !important}}#progress-bar{position:absolute;top:0;left:0;background-color:#BB97CB;width:100%;height:2vw}#progress-bar #progress{position:absolute;left:0;top:0;height:100%;width:0;background-color:#43278F;transition:all 0.3s ease !important}#logo{position:absolute;right:1.5vw;bottom:0.5vw;z-index:1}#logo img{width:6vw;height:auto}@media (max-width: 699px){#logo img{width:11vw}}.question-container{width:100%;opacity:1;transition:all 0.3s ease}.question-container .question-indicator{display:block;font-size:1.8vw;text-align:center;text-transform:uppercase;font-weight:700;color:#43278F;margin-bottom:3vw}.question-container .question{text-align:center;color:#43278F;font-weight:900;font-size:2vw;margin-bottom:3vw}.question-container .answer-container *:last-child{margin-bottom:0}.question-container.invisible{opacity:0 !important}.question-container.display-none{display:none}@media (max-width: 699px){.question-container .question-indicator{font-size:3vw;margin-bottom:6vw}.question-container .question{font-size:3.2vw;line-height:5vw;margin-bottom:6vw}}.answer-button{display:flex;align-items:center;width:100%;height:9vw;margin-bottom:.75vw;background-color:#fff;border-radius:.35vw;padding:1.5vw;user-select:none;cursor:pointer;transition:all 0.3s ease}.answer-button .label{display:inline-flex;align-items:center;justify-content:center;width:3.5vw;height:3.5vw;min-width:3.5vw;min-height:3.5vw;margin-right:1.5vw;border-radius:50%;background-color:#E7CBED;transition:all 0.3s ease}.answer-button .label:after{font-weight:700;color:#43278F;font-size:2vw;line-height:0;transition:all 0.3s ease}.answer-button:hover,.answer-button.selected{background-color:rgba(139,49,147,0.6)}.answer-button:hover .label,.answer-button.selected .label{background-color:#43278F !important}.answer-button:hover .label:after,.answer-button.selected .label:after{color:#fff;font-weight:900}.answer-button:hover .answer,.answer-button.selected .answer{color:#fff}.answer-button[data-order="a"] .label:after{content:"A"}.answer-button[data-order="b"] .label:after{content:"B"}.answer-button[data-order="c"] .label:after{content:"C"}.answer-button .answer{line-height:2vw;font-weight:700;color:#43278F;font-size:1.7vw;transition:all 0.3s ease}@media (max-width: 699px){.answer-button{height:16vw;margin-bottom:2.25vw}.answer-button .answer{font-size:3.2vw;line-height:4.2vw}.answer-button .label{width:5.5vw;height:5.5vw;max-width:5.5vw;max-height:5.5vw;min-width:5.5vw;min-height:5.5vw;margin-right:3vw}.answer-button .label:after{font-size:3vw}}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.75vw 1.5vw;background-color:#43278F;color:#fff;font-weight:700;font-size:1.6vw;border-radius:.35vw;text-transform:uppercase;user-select:none;cursor:pointer;transition:all 0.3s ease;min-width:10vw}.cta:hover{background-color:#761485}.cta#back{margin-right:1.125vw}.cta#back:before{content:"";display:inline-block;margin-right:1vw;background-image:url("../../../../../infographics/types-of-cv-quiz-v2/frontend/images/arrow-left.png");width:1.9vw;height:1.9vw;background-size:contain}.cta#next:after,.cta#results:after{content:"";display:inline-block;margin-left:1vw;background-image:url("../../../../../infographics/types-of-cv-quiz-v2/frontend/images/arrow-right.png");width:1.9vw;height:1.9vw;background-size:contain}.cta#next:before,.cta#results:before{content:"Please select an option!";display:block;position:absolute;top:-5vw;background-color:rgba(0,0,0,0.8);line-height:1vw;width:15vw;text-align:center;border-radius:0.5vw;font-size:1vw;padding:1.5vw;color:#fff;z-index:4;transition:all 0.3s ease;opacity:0;pointer-events:none}.cta#next.warning:before,.cta#results.warning:before{opacity:1 !important}.cta.display-none{display:none !important}@media (max-width: 699px){.cta{font-size:3.6vw;padding:1.5vw 3vw}.cta#next::after{width:3vw !important;height:3vw !important}.cta#next::before{width:30vw;font-size:2vw}.cta#back::before{width:2.8vw !important;height:2.8vw !important}}#embed-button{display:flex;align-items:center;justify-content:center;box-shadow:0.1vw 0.2vw 0.5vw 0.1vw rgba(0,0,0,0.49);z-index:2;line-height:2vw;width:10vw;height:10vw;border-radius:50%;background-color:#43278F;position:absolute;left:-4vw;bottom:-4vw;user-select:none;cursor:pointer}#embed-button:hover{background-color:#761485}#embed-button .wrapper{text-align:center;width:100%;display:block;line-height:2vw}#embed-button .wrapper#copied{display:none}#embed-button .wrapper span{text-align:center;color:#fff;font-size:1.6vw;display:block;width:100%}#embed-button .wrapper span:first-child{font-weight:900}#embed-button .wrapper span:last-child{font-weight:700}#embed-button.copied .wrapper#generic{display:none}#embed-button.copied .wrapper#copied{display:block}#embed-button.copied .wrapper#copied span{font-size:1.2vw !important}@media (max-width: 699px){#embed-button{width:15vw;height:15vw}#embed-button .wrapper{line-height:3.5vw}#embed-button .wrapper span{font-size:3vw}#embed-button.copied .wrapper#copied span{font-size:2vw !important}}#result-content{position:absolute;width:68%;left:25vw;line-height:2.5vw;opacity:1;transition:all 0.3s ease}#result-content h2{font-size:2.8vw;font-weight:900;margin-bottom:3vw}#result-content.display-none{display:none !important}#result-content.invisible{opacity:0 !important}@media (max-width: 699px){#result-content{width:80%;left:16vw}}@media (max-width: 699px) and (max-width: 699px){#result-content h2{font-size:4.5vw}}@media (max-width: 699px){#result-content .cta{margin-top:3vw}}#embed-codebox{position:absolute;opacity:0;top:-9999px;left:-9999px;width:0;height:0;user-select:auto !important}#social-bar{position:absolute;z-index:3;right:3vw;top:3vw;transition:all 0.3s ease;opacity:1}#social-bar.invisible{opacity:0 !important}#social-bar.display-none{display:none}#social-bar h3{font-size:1.5vw;margin-bottom:0.5vw}#social-bar .shareon{display:flex;align-items:center;justify-content:space-between}#social-bar .shareon img{width:4.5vw;height:auto}html{background:linear-gradient(180deg, #c48bab 0%, #a28bc5 100%);background-repeat:no-repeat;background-position-x:cover;background-attachment:fixed}body{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:100%;min-height:100vh;line-height:3.1vw;color:#43278F;font-size:1.8vw;padding:1.5vw 0}*{font-family:'Lato', sans-serif;box-sizing:border-box;padding:0;margin:0;letter-spacing:0.05vw;user-select:none}p{margin-bottom:1.5vw;font-size:1.8vw;font-weight:700}@media (max-width: 699px){p{font-size:3vw;margin-top:3vw;line-height:3.5vw}}h1,h2,h3{text-transform:uppercase;margin-bottom:1.5vw}h3{font-size:1.8vw}@media (max-width: 699px){h3{font-size:3vw}}a{text-decoration:none}