.app{min-height:100vh;position:relative}
@font-face{font-family:'gotham-black';src:url(images/47881d9afe5f2aa6ce4de2fa74f0b273.otf)}@font-face{font-family:'gotham';src:url(images/9068e225d26204fa92b6809cf0a2e1fa.otf)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;list-style-type:none;font-family:gotham}* a{color:inherit;text-decoration:none}body{background-color:#111111;background-image:url(images/c71f751e6d1894a8527eb954e172d480.jpg);background-position:center center;background-size:cover;min-height:100vh}@media screen and (max-widtH: 500px){body{background-image:url(images/53fb1724a5273662cb6e241dc587d6f2.jpg)}}
.intro{-webkit-transition:500ms;-o-transition:500ms;transition:500ms;padding-top:100px;padding-bottom:100px;min-height:100vh}.intro .inner{color:#FFFFFF;margin:auto;width:90%;max-width:600px;min-height:100%;-webkit-animation:fadein 450ms ease forwards;animation:fadein 450ms ease forwards}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.intro .inner .logo{margin:auto;width:100%;max-width:460px;margin-bottom:45px}.intro .inner .logo img{width:100%}.intro .inner .text{text-align:center;font-size:18px;margin-bottom:45px}.intro .inner .text .main_text{margin-bottom:31px;line-height:24px}.intro .inner .text .warn{font-family:'gotham-black'}.intro .inner .start_button{background:#2F2F2F;border:solid 3px #56BEF5;color:white;width:160px;height:51px;border-radius:5px;font-size:18px;font-weight:bolder;display:block;cursor:pointer;margin:auto;position:relative;word-spacing:5px}.intro .inner .start_button:hover{color:#56BEF5}.intro .inner .start_button:before{content:'';position:absolute;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:-20px;top:calc(50% - 2px);border-radius:100px;width:40px;height:3px;display:block;background:#56BEF5}.intro .inner .start_button:after{content:'';position:absolute;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);left:100%;top:calc(50% - 2px);border-radius:100px;width:40px;height:3px;display:block;background:#56BEF5}.intro.transitioning{opacity:0 !important}@media screen and (max-width: 620px){.intro{padding-top:20px;padding-bottom:60px}.intro .inner{width:75%;padding-bottom:150px}.intro .inner .text{font-size:16px}.intro .inner .text .warn{font-size:18px}.intro .inner .logo{margin-bottom:20px}.intro .inner .start_button{widtH:100%}.intro .inner .start_button:before,.intro .inner .start_button:after{display:none}}
.playing{min-height:100vh;-webkit-animation:fadein 500ms ease forwards;animation:fadein 500ms ease forwards;overflow:hidden}@keyframes fadein{from{opacity:0}to{opacity:1}}.playing .inner{min-height:100%;padding-top:40px;min-height:100vh;width:100%;padding-bottom:130px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;z-index:9}.playing .inner .logo{margin-bottom:95px}.playing .water{height:120vh;width:100%;z-index:10;position:fixed;bottom:0;left:0;opacity:0.8;background:#2171b4;pointer-events:none;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:fillup 4000ms ease forwards;animation:fillup 4000ms ease forwards}.playing .water .wave{width:100%;-webkit-transform:translateY(-90%);-ms-transform:translateY(-90%);transform:translateY(-90%);background:url(images/a97df827aa751f62ca608f21ace8a090.svg);background-repeat:repeat-x;background-position:left center;height:100px;-webkit-animation:waveflow 2000s linear infinite;animation:waveflow 2000s linear infinite}@media screen and (max-width: 620px){.playing .inner{padding-bottom:140px;-webkit-box-pack:initial;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial;padding-top:20px}.playing .inner .logo{margin-bottom:45px}}@media screen and (max-width: 350px){.playing .inner .logo{margin-bottom:15px}}@-webkit-keyframes rise{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@keyframes rise{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@-webkit-keyframes waveflow{from{background-position-x:0}to{background-position-x:-100000%}}@keyframes waveflow{from{background-position-x:0}to{background-position-x:-100000%}}@-webkit-keyframes fillup{0%{-webkit-transform:scaleX(1) translateY(120%);transform:scaleX(1) translateY(120%);opacity:0}35%{opacity:0.8;-webkit-transform:scaleY(1) translateY(50%);transform:scaleY(1) translateY(50%)}55%{opacity:0.85}75%{opacity:1}100%{opacity:1;-webkit-transform:scaleX(1) translateY(0%);transform:scaleX(1) translateY(0%)}}@keyframes fillup{0%{-webkit-transform:scaleX(1) translateY(120%);transform:scaleX(1) translateY(120%);opacity:0}35%{opacity:0.8;-webkit-transform:scaleY(1) translateY(50%);transform:scaleY(1) translateY(50%)}55%{opacity:0.85}75%{opacity:1}100%{opacity:1;-webkit-transform:scaleX(1) translateY(0%);transform:scaleX(1) translateY(0%)}}
.wind_tunnel_vector{width:100%;-webkit-animation:enter_ 250ms ease-out forwards 10ms;animation:enter_ 250ms ease-out forwards 10ms;opacity:0}.wind_tunnel_vector .wind_lines{-webkit-transition:400ms;-o-transition:400ms;transition:400ms;opacity:1}.wind_tunnel_vector.transitioning svg{opacity:1;-webkit-animation:fadeout_ 600ms ease forwards;animation:fadeout_ 600ms ease forwards;-webkit-animation-delay:1.35s;animation-delay:1.35s}.wind_tunnel_vector.transitioning svg .wind_lines{opacity:0.2}.wind_tunnel_vector.transitioning #vector-lotus_esprit_s1{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation:none;animation:none}.wind_tunnel_vector.transitioning #vector-lotus_esprit_s1 .wind_lines{opacitY:0 !important}.wind_tunnel_vector svg{width:100%;height:auto;pointer-events:none;overflow:visible;max-height:340px}.wind_tunnel_vector svg .car{-webkit-animation:puff-in-top 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;animation:puff-in-top 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both}.wind_tunnel_vector svg .car.lotus_esprit_s1.special{-webkit-animation:float 3.5s ease-in-out infinite;animation:float 3.5s ease-in-out infinite}.wind_tunnel_vector svg #fan{-webkit-animation:spin linear 200ms infinite;animation:spin linear 200ms infinite;-webkit-transform:translateX(687px) scale(0.93);-ms-transform:translateX(687px) scale(0.93);transform:translateX(687px) scale(0.93);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.wind_tunnel_vector svg #pipe{-webkit-transform:translateX(687px) scale(0.93);-ms-transform:translateX(687px) scale(0.93);transform:translateX(687px) scale(0.93)}.wind_tunnel_vector svg #other_pipe{-webkit-transform:scale(1) translateX(-687px) rotate(180deg);-ms-transform:scale(1) translateX(-687px) rotate(180deg);transform:scale(1) translateX(-687px) rotate(180deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.wind_tunnel_vector svg .solid_lines path{fill:none;stroke-width:1px;stroke-dasharray:1000}.wind_tunnel_vector svg .overlays{-webkit-animation:enter_ ease-out 2000ms forwards 2.5s;animation:enter_ ease-out 2000ms forwards 2.5s;opacitY:0}.wind_tunnel_vector svg .overlays path{fill:none;stroke-dasharray:70;-webkit-animation:flow 2s linear infinite;animation:flow 2s linear infinite;stroke-width:2px}@-webkit-keyframes float{0%{-webkit-box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);-webkit-transform:translatey(0px);transform:translatey(0px);opacity:0}20%{opacity:1}50%{-webkit-box-shadow:0 25px 15px 0px rgba(0,0,0,0.2);box-shadow:0 25px 15px 0px rgba(0,0,0,0.2);-webkit-transform:translatey(-10px);transform:translatey(-10px)}100%{-webkit-box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);-webkit-transform:translatey(0px);transform:translatey(0px)}}@keyframes float{0%{-webkit-box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);-webkit-transform:translatey(0px);transform:translatey(0px);opacity:0}20%{opacity:1}50%{-webkit-box-shadow:0 25px 15px 0px rgba(0,0,0,0.2);box-shadow:0 25px 15px 0px rgba(0,0,0,0.2);-webkit-transform:translatey(-10px);transform:translatey(-10px)}100%{-webkit-box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);-webkit-transform:translatey(0px);transform:translatey(0px)}}@-webkit-keyframes enter_{0%{opacity:0}100%{opacity:1}}@keyframes enter_{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 1000px){.wind_tunnel_vector svg{min-height:350px;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}}@media screen and (max-width: 620px){.wind_tunnel_vector{margin-bottom:30px}.wind_tunnel_vector svg{min-height:200px}}@media screen and (max-width: 420px){.wind_tunnel_vector svg{min-height:140px}}@-webkit-keyframes puff-in-top{0%{-webkit-filter:blur(2px);filter:blur(2px);opacity:0}100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes puff-in-top{0%{-webkit-filter:blur(2px);filter:blur(2px);opacity:0}100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}
.answers{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:fade-in-bottom 950ms cubic-bezier(0.39, 0.575, 0.565, 1) both 2.5s;animation:fade-in-bottom 950ms cubic-bezier(0.39, 0.575, 0.565, 1) both 2.5s}.answers.transitioning{-webkit-animation:fadeout_ 600ms ease forwards 1.35s;animation:fadeout_ 600ms ease forwards 1.35s}.answers .answer{margin:15px;width:288px;height:92px;max-height:92px;color:white;background:rgba(0,0,0,0.75);border-radius:5px;border:solid 3px;cursor:pointer;font-size:13px;position:relative;outline:none;-webkit-transition:300ms;-o-transition:300ms;transition:300ms}.answers .answer .car_name{font-weight:bold;font-size:16px;display:inline-block;margin-bottom:8px}.answers .answer .movie_name{text-transform:uppercase;font-size:13px}.answers .answer:hover{color:#56BEF5}.answers .answer:focus{color:#56BEF5}.answers .answer.faded{opacity:0.25}.answers .answer.faded:hover{color:white !important}.answers .answer.active{color:#56BEF5 !important}.answers .answer.active:after{content:'';display:block;position:absolute;width:40px;height:3px;background:#56BEF5;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:calc(100% + 15px)}.answers .answer.active:before{content:'';display:block;position:absolute;width:40px;height:3px;background:#56BEF5;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:-15px}@media screen and (max-width: 620px){.answers{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.answers .answer{width:95%;height:55px;margin:10px}.answers .answer:hover{color:white}}@media screen and (max-width: 350px){.answers{margin-bottom:10px}.answers .answer{margin:5px}}@-webkit-keyframes fadeout_{from{opacity:1}to{opacity:0}}@keyframes fadeout_{from{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
.score_timeline .balls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.score_timeline .balls .ball{height:18px;width:18px;margin:6px;border-radius:100%;background:white;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;opacity:0.4}.score_timeline .balls .ball img{height:7px}.score_timeline .balls .ball.current{background:#56BEF5;opacity:1}.score_timeline .balls .ball.answered{opacity:1}
.footer{position:absolute;bottom:30px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:999;padding-left:50px;padding-right:50px}@media screen and (max-width: 620px){.footer{padding:10px;bottom:60px}.footer .logo{height:40px}.footer .logo img{height:100%}}
.social_share_buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:white;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.social_share_buttons ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.social_share_buttons ul li{border-radius:100%;margin:5px;cursor:pointer}.social_share_buttons ul li img{height:44px;widtH:44px}@media screen and (max-width: 620px){.social_share_buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.social_share_buttons ul{margin:0}}
.results{padding-top:100px;padding-bottom:110px;-webkit-transition:450ms;-o-transition:450ms;transition:450ms}.results.transitioning{opacity:0}.results .inner{margin:auto;width:80%;max-width:761px;color:white}.results .inner .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-bottom:60px}.results .inner .logo img{width:100%;max-width:400px}.results .inner .score_container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.results .inner .score_container .car{width:60%}.results .inner .score_container .car img{width:100%}.results .inner .score_container .score{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:250px;width:250px;min-height:250px;min-width:250px;max-width:250px;border-radius:100%;background:#56BEF5;text-align:center;width:40%}.results .inner .score_container .score div{height:50%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.results .inner .score_container .score .label{font-size:34px;margin-top:auto}.results .inner .score_container .score .value{margin-bottom:auto;font-size:34px;font-family:'gotham-black'}.results .inner .score_container .score .value span{font-size:74px;font-family:'gotham-black'}.results .inner .share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:38px}.results .inner .share p{margin-bottom:10px}.results .inner .play_again button{background:#2F2F2F;border:solid 3px #56BEF5;color:white;width:160px;height:51px;border-radius:5px;font-size:18px;font-weight:bolder;display:block;cursor:pointer;margin:auto;position:relative}.results .inner .play_again button:hover{color:#56BEF5}.results .inner .play_again button:before{content:'';position:absolute;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:-20px;top:calc(50% - 2px);border-radius:100px;width:40px;height:3px;display:block;background:#56BEF5}.results .inner .play_again button:after{content:'';position:absolute;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);left:100%;top:calc(50% - 2px);border-radius:100px;width:40px;height:3px;display:block;background:#56BEF5}.results .water{height:120vh;width:100%;z-index:10;position:fixed;bottom:0;left:0;opacity:0.8;background:#2171b4;pointer-events:none;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:filldown 2000ms ease forwards;animation:filldown 2000ms ease forwards}.results .water .wave{width:100%;-webkit-transform:translateY(-90%);-ms-transform:translateY(-90%);transform:translateY(-90%);background:url(images/a97df827aa751f62ca608f21ace8a090.svg);background-repeat:repeat-x;background-position:left center;height:100px;-webkit-animation:waveflow 1300s linear infinite;animation:waveflow 1300s linear infinite}@-webkit-keyframes filldown{0%{-webkit-transform:scaleX(2) translateY(0%);transform:scaleX(2) translateY(0%);opacity:1}20%{opacity:1}100%{opacity:0;-webkit-transform:scaleX(2) translateY(120%);transform:scaleX(2) translateY(120%)}}@keyframes filldown{0%{-webkit-transform:scaleX(2) translateY(0%);transform:scaleX(2) translateY(0%);opacity:1}20%{opacity:1}100%{opacity:0;-webkit-transform:scaleX(2) translateY(120%);transform:scaleX(2) translateY(120%)}}@media screen and (max-width: 620px){.results{padding-bottom:130px;padding-top:20px}.results .inner .logo{width:80%;margin-bottom:30px}.results .inner .score_container{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.results .inner .score_container .car{display:none}.results .inner .score_container .score{width:220px;height:220px;min-width:220px;min-height:220px;max-width:220px}.results .inner .share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:10px}.results .inner .play_again{margin-bottom:10px}.results .inner .play_again button{margin:none;width:100%}.results .inner .play_again button:before,.results .inner .play_again button:after{display:none}}