@keyframes bounce-top{0%{transform:translateY(-45px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(-24px);animation-timing-function:ease-in}65%{transform:translateY(-12px);animation-timing-function:ease-in}82%{transform:translateY(-6px);animation-timing-function:ease-in}93%{transform:translateY(-4px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0);animation-timing-function:ease-out}100%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}100%{transform:rotateX(0);transform-origin:top;opacity:1}}*{box-sizing:border-box}html{border:none;font-size:20px;margin:0;height:100%;padding:0}body{background-color:#0f2a5f;background-image:url("../img/background-water.jpg");border:none;color:#333;font-family:Roboto,Arial,serif;font-size:1.4rem;height:100%;margin:0;padding:0;width:100%}a{color:#fff;text-decoration:none}input[type=radio]{display:none}input[type=radio]+label{border-radius:2px;cursor:pointer;padding:12px}.bold{font-weight:700}.flex-item{flex:1 1 auto}.hidden{display:none}.invisible{visibility:hidden}.upper{text-transform:uppercase}#start-button:hover{cursor:pointer}.answer .control{display:block}.answer .control label{background-color:#c9c9c7;border-radius:30px;display:block;margin:15px 0}.answer .control label:hover{background-color:#002f6c;color:#fff;transition:background-color .4s,color .6s}.answer .control label.correct{background-color:#32a548!important;color:#fff!important}.answer .control label.incorrect{background-color:red!important;color:#fff!important}.bubble{align-items:center;border-radius:100%;color:#fff;display:flex;position:absolute}.bubble.blue{background-color:rgba(48,74,161,.8)}.bubble.green{background-color:rgba(71,194,91,.8);transition:background-color .6s}.bubble.green:hover{background-color:#47c25b;transition:background-color .6s}.bubble.magenta{background-color:rgba(141,30,151,.8)}.bubble.intro,.bubble.msg{height:60vw;width:60vw;left:15px;max-height:600px;max-width:600px}@media screen and (max-width:812px){.bubble.intro,.bubble.msg{left:7.5vw}}@media screen and (min-width:768px) and (max-width:1024px){.bubble.intro,.bubble.msg{left:11.25vw}}.bubble.more,.bubble.start{height:40vw;width:40vw;right:15px;top:25vh;max-height:300px;max-width:300px}@media screen and (max-width:812px){.bubble.more,.bubble.start{right:7.5vw}}@media screen and (min-width:768px) and (max-width:1024px){.bubble.more,.bubble.start{right:11.25vw}}.bubble.swing{animation:swing-in-top-fwd 1.4s both}.bubble p{flex:1 1 auto;font-size:3.5vw;padding:20px;text-align:center}@media screen and (min-width:768px){.bubble p{font-size:calc(1rem + .8vw)}}.bubble p.large{font-size:calc(1rem + 1vw)}@media screen and (min-width:768px) and (max-width:1024px){.bubble p.large{font-size:calc(1.4rem + 1vw)}}@media screen and (min-width:1024px){.bubble p.large{font-size:calc(2rem + 1vw)}}.bubble p.medium{font-size:calc(.6rem + 1vw)}@media screen and (min-width:768px) and (max-width:1024px){.bubble p.medium{font-size:calc(1rem + 1vw)}}@media screen and (min-width:1024px){.bubble p.medium{font-size:calc(1.6rem + 1vw)}}.bubble-container{display:flex;justify-content:center;margin:0 auto;max-width:1000px;position:relative;width:100%}.button{border:none;color:#002f6c;text-align:center}.button:hover{cursor:pointer}.button-container{flex:0 0 auto}.exit{height:60px;left:20px;position:fixed;top:20px;width:60px}.exit img{filter:drop-shadow(2px 2px 6px rgba(0, 0, 0, .6));height:60px;position:absolute;width:60px}.exit img:hover{cursor:pointer}.explanation{color:#0f2a5f;margin:20px;max-width:600px;font-size:1rem}.explanation em{font-style:normal;font-weight:700}.explanation.animate{animation:bounce-top .9s both}.finish-message{color:#002f6c;font-size:calc(.65rem + 1vw);margin:20px 80px}@media screen and (max-width:812px){.finish-message{margin:20px}}.finish-background{background-image:url("../img/background-finish.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;height:70%;left:0;position:absolute;right:0;top:30%}.inline-icon{display:inline-block;max-width:30px;vertical-align:middle}.lightbox-container{align-items:center;background-color:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;padding:80px;position:fixed;top:0;width:100vw;z-index:100}@media screen and (max-width:812px){.lightbox-container{padding:0}}.lightbox-container.visible{animation-name:scale-in-center;animation-duration:.4s;animation-fill-mode:forwards;display:flex}.lightbox-container img:not(.close){align-self:center;flex:1 1 auto;max-height:100vh;object-fit:contain;pointer-events:none}.lightbox-container img:not(.close).landscape{max-width:100vw;height:auto}.lightbox-container img:not(.close).portrait{max-height:100vh;width:auto}.lightbox-container .close{filter:drop-shadow(2px 2px 6px rgba(0, 0, 0, .6));height:60px;position:absolute;right:20px;top:20px;width:60px}.lightbox-container .close:hover{cursor:pointer}.logo{max-width:150px;min-width:100px;position:absolute;top:20px;right:20px;z-index:100}@media screen and (min-width:1024px){.logo{margin-right:120px}}@media screen and (min-width:768px){.logo.large{max-width:250px;min-width:200px}}.logo img:hover{cursor:pointer}.question{color:#0f2a5f;font-size:1.6rem;text-align:left}.question.flex-item{margin:20px}.question.number{flex-grow:0;font-size:5rem;font-weight:700}.question.text{font-size:1.8rem}.quiz-button{background-color:#112a60;border:none;border-radius:30px;color:#fff;flex:0 0 auto;font-size:1.3rem;padding:.8rem 1.2rem}.quiz-button.retry{bottom:20px;position:absolute;right:40px}@media screen and (max-width:812px){.quiz-button.retry{font-size:6vw;right:50%;transform:translateX(50%);width:90%}}.quiz-button.animate{animation:slide-in-left .6s both}.quiz-button span{float:right;font-weight:700;padding-left:30px;pointer-events:none}.quiz-container{background:#fff;display:flex;height:100%;left:0;margin:auto;position:absolute;right:0}.results{color:#002f6c;margin:20px 20px;text-align:center;line-height:40px}.results a{color:#002f6c;text-decoration:none}.rotate-container{align-items:center;background-color:#dfdfdf;bottom:0;display:none;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.rotate-container div{margin-bottom:20px;flex:0 1 auto}.rotate-container .image img{height:50vh}.share{margin-top:40px;padding-bottom:20px}.share a{text-decoration:none}.slide{align-items:center;background:#fff;display:none;flex-direction:column;justify-content:flex-start;left:0;top:0;opacity:0;position:absolute;right:0;transition:opacity .5s}@media screen and (min-width:768px){.slide{height:auto}}@media screen and (min-width:1024px){.slide{height:auto;margin:0 120px}}.slide.is-active{display:flex;justify-content:center;opacity:1;z-index:2}.slide.is-active:last-child{align-items:stretch;height:100%;justify-content:flex-start}.slide .button-container{padding-bottom:20px}.slide .image{background-size:cover;background-repeat:no-repeat;background-position:center;border:4px solid #11265c;border-radius:100%;flex:0 0 auto;height:250px;overflow:hidden;width:250px}.slide .image:hover{cursor:pointer}.slide .image .magnify{align-items:flex-end;display:flex;height:100%;justify-content:flex-end;width:100%}.slide .image .magnify .icon{background-image:url("../img/icon/magnifier.png");background-repeat:no-repeat;background-size:contain;filter:drop-shadow(4px 6px 6px white);flex:0 1 auto;height:32px;margin:16px;pointer-events:none;width:32px}@media screen and (min-width:1024px){.slide .image .magnify .icon{margin:32px;height:64px;width:64px}}.slide .row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:90%}@media screen and (min-width:1024px){.slide .row:last-child{flex-wrap:nowrap}}.slide .row.no-wrap{flex-wrap:nowrap}.slide .row-question{margin-bottom:20px;margin-top:40px}.slide-centered{justify-content:center;text-align:center}.welcome{width:100%}.welcome .background{height:100%;position:absolute;overflow:hidden;width:100%}@media screen and (max-width:812px){.welcome .background{height:85%;top:15%}.welcome .background img{margin-top:100px!important}}.welcome .background img{height:inherit;margin-top:200px;object-fit:cover;width:inherit}.welcome .background video{display:none;height:100%;object-fit:cover;transform:translateY(25%);width:100%}@media screen and (orientation:landscape){.welcome .background video.landscape{display:block}}@media screen and (orientation:portrait){.welcome .background video.portrait{display:block}}.welcome .title{background-color:#fff;position:relative}.welcome .title h1,.welcome .title h2{color:#0f2a5f;font-size:calc(1.3rem + .5vw);margin:0;padding:80px 40px 20px 40px}.welcome .title h2{font-size:calc(1rem + .5vw);padding:0 40px 20px 40px}.wrap{background:#fff;height:100%}@media screen and (min-width:1024px){.wrap{margin:0 120px}}@media screen and (min-width:812px) and (max-width:1024px){.row-question{flex-wrap:wrap!important;margin-top:20px}.row-question .flex-break{flex-basis:100%;height:0;order:2}.row-question .image{margin:20px auto;max-height:150px;max-width:150px;order:1}.row-question .number{flex:0 1 auto;font-size:calc(2rem + 1vw);order:3}.row-question .text{flex:1 1 200px;font-size:calc(1rem + 1vw);order:4}}@media screen and (max-width:812px){.letter{margin-left:0!important}.answers{flex-direction:column}.row-question{flex-wrap:wrap!important;margin-top:20px}.row-question .flex-break{flex-basis:100%;height:0;order:2}.row-question .image{margin:20px auto;max-height:150px;max-width:150px;order:1}.row-question .number{flex:0 1 auto;font-size:calc(2rem + 1vw);order:3}.row-question .text{flex:1 1 200px;font-size:calc(1rem + 1vw);order:4}.slide.is-active{justify-content:flex-start}.welcome-container{width:100%}.welcome-title{font-size:calc(1.3rem + .5vw)}}@media screen and (pointer:none),(pointer:coarse) and (orientation:landscape){.rotate-container{display:flex}.wrap{display:none}}