body{margin:0;padding:0;border:0;background-color:#fff}.logo{position:fixed;width:10%;max-width:150px;min-width:100px;height:auto;top:35px;left:5%;z-index:999999}#app{font-family:Lato,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#212121;margin:0;padding:0;border:0}.container{position:absolute;min-height:100vh}.container,.page{display:block;margin:0;padding:0;border:0;width:100%}.page{position:relative;height:100vh;transition:all 1s;perspective:3000px}.page.current{top:0}.page.on-deck{top:100vh}.page.dismissed{top:-100vh}.page .content{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;left:0;perspective:500px}.page.intropage{background-color:#fff}.page.intropage h2{font-size:50px;margin-bottom:0;margin-top:50px;font-weight:400}.page.intropage .content{z-index:900;background-color:hsla(0,0%,100%,.7);max-width:1100px;margin-left:50%;transform:translateX(-50%)}.page.intropage .vidbg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page.question-page{display:flex;flex-direction:column;justify-content:center;position:relative;opacity:0;animation-name:fadeIn;animation-duration:1.1s;animation-delay:.2s;animation-iteration-count:1;animation-fill-mode:forwards}.page.question-page .content{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;border:1px solid #d5d5d5;background:#f9f8f6}.page.question-page .content.front{z-index:3;-moz-transform:translateZ(2px)}.page.question-page .content.back{z-index:1;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:translateZ(-2px) rotateY(180deg)}.page.question-page h3{width:80%;margin-left:10%;text-align:justify;color:#212121;font-size:40px;font-weight:800;line-height:1.1}.flipme{position:relative;top:0;left:0;height:100vh;width:100%;transition:.8s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}@media (min-width:769px) and (max-width:1024px){.flipme{width:90%;height:90%;margin-left:5%}.flipme .content{border-radius:30px;border:1px solid #d5d5d5;background-color:#f9f8f6;overflow:hidden}}@media (min-width:1025px){.flipme{width:90%;height:80%;margin-left:5%}.flipme .content{border-radius:30px;border:1px solid #d5d5d5;background-color:#f9f8f6;overflow:hidden}}.flipme.flipped{transform:rotateY(180deg)}.button{border:0;padding:20px 50px;height:40px;line-height:40px;vertical-align:middle;cursor:pointer;border-radius:40px;transition:all .5s;box-shadow:inset 0 0 0 #fff;font-weight:900;font-size:30px;color:#fff;opacity:.8}.button.begin{background-color:#2892d3}.button:hover{opacity:1}h1{font-size:80px;margin:0;line-height:1}h2{font-size:60px}h3{font-size:46px}.answer-box{text-align:left;font-size:28px;font-weight:400;border-radius:5px;background-color:#fff;margin-bottom:20px;width:80%;margin-left:10%;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;cursor:pointer;border:1px solid #d5d5d5}.answer-box:focus-within,.answer-box:hover{background-color:#fbd0cc}.answer-box .color-side{flex-basis:3%}.answer-box .number-side{display:flex;justify-content:center;align-items:center;flex-basis:5%;margin-left:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='57' height='57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28.742' cy='28.583' r='28.036' fill='%2337383D'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:80%;background-position:50%;color:#fff;font-size:16px;font-weight:700;line-height:1.1}.answer-box .answer-side{flex-basis:95%;padding:20px;display:flex;justify-content:start;align-items:center}.answer-box .answer-side p{margin:0;display:inline;margin-block-start:0;margin-block-end:0;color:#212121;font-size:22px;font-weight:400;line-height:1}.answer-box:nth-child(2) .color-side{background-color:#78149c}.answer-box:nth-child(3) .color-side{background-color:#f85125}.answer-box:nth-child(4) .color-side{background-color:#2892d3}.answer-box:nth-child(5) .color-side{background-color:#2b2d41}.answer-box:nth-child(6) .color-side{background-color:#583030}.answer-box:nth-child(7) .color-side{background-color:#497390}.answer-box:nth-child(8) .color-side{background-color:#4d9049}.feedback-header{flex-basis:11%;background-color:#78149c;display:flex;flex-direction:column;justify-content:center}.feedback-header h2{color:#fff}.feedback{flex-basis:65%;flex-grow:1;width:90%;margin-left:5%;display:flex;flex-direction:column;justify-content:center}.feedback h2{font-size:70px;font-weight:700;line-height:1;margin-bottom:50px;margin-top:0}.feedback h2,.feedback p{color:#212121;text-align:center}.feedback p{font-size:30px;font-weight:400;width:90%;margin:0 auto}.feedback-button{flex-basis:11%;opacity:1;transition:.5s;transition-delay:.2s;margin-top:50px}.feedback-button .button{background-color:#ec1300;display:block;width:-moz-fit-content;width:fit-content;border:0;color:#fff;border-radius:100px;margin:10px auto 0;padding:15px 70px;opacity:1;min-width:195px}.feedback-button.fadeOut{opacity:0}.continue-prompt{opacity:1;position:absolute;z-index:999;width:100%;height:100%;background-color:#fff;transition:all .5s;display:flex;flex-direction:column;justify-content:center}.continue-prompt h2{color:#212121;text-align:center;font-size:70px;font-weight:700;line-height:1}.continue-prompt div.button-holder{display:flex;flex-direction:column;justify-content:center;align-items:center}.continue-prompt div.button-holder .end-copy-button{cursor:pointer;border-radius:100px;background:#ec1300;color:#fff;font-size:34px;font-weight:700;margin-bottom:20px;padding:20px 50px;min-width:31%;border:1px solid transparent}.continue-prompt div.button-holder .end-copy-button.hollow{color:#ec1300;background:#fff;border:1px solid #ec1300}.continue-prompt.fadeOut{opacity:0}@media (max-width:560px){h1{font-size:60px}h2{font-size:20px}.page.intropage h2{font-size:30px}.intro-button-holder{margin-top:60px}.intro-button-holder img{max-width:65%;cursor:pointer}h3{font-size:16px}.page.question-page h3{font-size:30px}.answer-box .answer-side{padding-left:10px}.answer-box .answer-side p{font-size:17px}.answer-box .number-side{flex-basis:9%;font-size:14px;margin-left:10px}.button{padding:10px 30px;font-size:18px}.feedback-header{flex-basis:20%;padding:0;display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1}.feedback-header h2{margin:0;font-size:24px;line-height:24px;height:24px;padding:0}.feedback-button{flex-basis:11%}.feedback-button .button{font-size:28px}.feedback{padding-top:0;display:flex;flex-direction:column;justify-content:center}.feedback p{font-size:21px}.continue-prompt h2{font-size:50px}.continue-prompt div.button-holder .end-copy-button{font-size:26px}}@media (min-width:561px) and (max-width:768px){h1{font-size:46px}h2{font-size:24px}.intro-button-holder{margin-top:30px}.intro-button-holder img{max-width:50%;cursor:pointer}h3{font-size:32px}.answer-box{font-size:28px}.page.question-page .content.front{display:flex;flex-direction:column;justify-content:flex-start}}@media (min-width:769px) and (max-width:1024px){.logo{top:20px}h1{font-size:60px}h2{font-size:30px}.intro-button-holder{margin-top:30px}.intro-button-holder img{max-width:32%;cursor:pointer}h3{font-size:26px}.answer-box{font-size:20px}.feedback p{font-size:28px}}@media (min-width:1025px) and (max-width:1599px){h1{font-size:80px}h2{font-size:30px}.intro-button-holder{margin-top:80px}.intro-button-holder img{max-width:30%;cursor:pointer}h3{font-size:30px}.answer-box{font-size:20px}.feedback-header{padding:0}.feedback p{font-size:30px}}@media (min-width:1600px){h3{font-size:46px}.intro-button-holder{margin-top:100px}.intro-button-holder img{max-width:30%;cursor:pointer}.answer-box{font-size:28px}.feedback-header{padding:0}}