body{align-items:center;height:100vh;justify-content:center}.scene,body{display:flex}.scene{justify-content:space-between;margin-top:40px;-webkit-perspective:800px;perspective:800px;width:1000px}.scene .card{-webkit-animation:fadein 1s;animation:fadein 1s;border-radius:25px;cursor:pointer;height:21.875rem;transition:1s ease-in-out;width:16.25rem}.scene .card,.scene .card .card_inner{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.scene .card .card_inner{height:100%;text-align:center;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:100%}.scene .card:hover .card_inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.scene .card:hover .card_inner .card__face{z-index:1}.scene .card:hover .card_inner .card__face--back{z-index:3}.scene .card .words{background:url(https://images.unsplash.com/photo-1586751381168-4ac50cb6458a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80);background-position:50%;border-radius:25px;object-fit:cover}.scene .card .topics{background:url(https://images.unsplash.com/photo-1523995462485-3d171b5c8fa9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=435&q=80);background-position:50%;border-radius:25px;object-fit:cover}.scene .card .questions{background:url(https://images.unsplash.com/photo-1544535830-9df3f56fff6a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80);background-position:50%;border-radius:25px;object-fit:cover}.scene .card .card__face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:1s ease-in-out;width:100%;z-index:2}.scene .card .card__face .title{color:#292b47;font-size:35px;font-weight:700;text-shadow:4px 3px 0 #fff}.scene .card .card__face .title.main{text-transform:uppercase}.scene .card .card__face--back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border-radius:25px;flex-direction:column;justify-content:start;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-o-transform:rotateY(180deg);z-index:1}.scene .card .card__face--back .category{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:center;width:100%}.scene .card .card__face--back .category .logo{align-items:center;background-color:#5b92e5;border-radius:50%;display:flex;height:100px;justify-content:center;width:100px}.scene .card .card__face--back .category .logo img{-webkit-filter:invert(1);filter:invert(1);height:70px;width:70px}.scene .card .card__face--back .desc{display:inline-block;left:auto;right:auto;text-align:-webkit-center;width:80%}.scene .card .card__face--back .desc p{color:#555;margin-bottom:10px}.scene .card .card__face--back .desc .listo{border-bottom:1px solid #7d7d7d;color:#292b47;font-style:italic;font-weight:800}.scene .card .card__face--back button{border:none;border-radius:30em;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;color:#000;font-family:inherit;font-size:15px;height:2em;margin-top:20px;overflow:hidden;position:relative;width:8em;z-index:1}.scene .card .card__face--back button:before{background-image:linear-gradient(90deg,#0244a8 0,#5b92e5);border-radius:30em;content:"";display:block;height:3em;left:0;position:absolute;top:0;transition:.5s ease;width:0;z-index:-1}.scene .card .card__face--back button:hover:before{color:#fff;height:2em;width:10em}.scene .card .card__face--back button:hover{color:#fff;transition:.5s ease}@media only screen and (max-width:1000px){.scene{-webkit-overflow-scrolling:auto;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:start;margin-top:0;overflow-x:auto;padding:40px 0;width:100%}.scene .card:first-child{margin-top:.3em!important}.scene .card{margin-bottom:3.5em!important}}@media only screen and (max-width:400px){.scene{justify-content:start;padding:0}.scene .card:first-child{margin-top:3em!important}.scene .card{margin-bottom:3.5em!important}}.navbar{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.navbar.scrolled{background:linear-gradient(0deg,transparent 0,#5b92e5 28%);transition:all 3s ease}.navbar .container{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:center;padding:5px 50px}.navbar .container .link{cursor:pointer;text-decoration:none}.navbar .container .img{height:70px;margin-right:5px;width:87px}.navbar .container h1{color:#fff;margin-left:5px}@media only screen and (max-width:1000px)and (min-width:912px){.container{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.img{height:130px!important;width:161px!important}h1{font-size:3.5em!important}}@media only screen and (max-width:300px){.container{flex-direction:column!important}.container .img{height:55px!important;width:68px!important}.container h1{font-size:1.5em}}.wavesdiv{bottom:0;left:0;position:fixed;width:100%}.wavesdiv .flex{align-items:center;display:flex;justify-content:center;text-align:center}.wavesdiv .content{background-color:#fff;height:5vh;text-align:center}.wavesdiv .content a{border-bottom:1px solid gray;color:#000;cursor:pointer;text-decoration:none}.wavesdiv .wavessvg{height:9vh;margin-bottom:-7px;max-height:70px;min-height:30px;width:100%}.wavesdiv .wavessvg .parallax>use{-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.wavesdiv .wavessvg .parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.wavesdiv .wavessvg .parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.wavesdiv .wavessvg .parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.wavesdiv .wavessvg .parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}@-webkit-keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@media only screen and (max-width:768px){.wavessvg{height:40px!important;min-height:40px}.content{height:7.1vh!important}}.home{background-color:#5b92e5;height:100vh;width:100vw}.home .cards{align-items:center;background:#5b92e5;display:flex;justify-content:center}.home .footer{height:5em;width:100%}.home .btnInfo{cursor:pointer;-webkit-filter:invert(1);filter:invert(1);height:35px;left:1.5em;position:fixed;top:1.5em;width:35px;z-index:3}@media only screen and (max-width:1000px){.cards{margin-bottom:-100px!important;padding-bottom:100px!important}.btnInfo{display:none}}@media only screen and (max-width:700px){.cards{align-items:start}}.language{display:flex;position:fixed;right:30px;top:25px;z-index:3}.language select{background:#fff;border:1px solid #fff;border-radius:.5em;color:#090909;font-size:12px;padding:.7em 1.4em;transition:all .3s}@media only screen and (max-width:1000px){.language{align-items:center;justify-content:center;position:relative;right:0;top:0;z-index:0}}.popup{background-color:rgba(0,0,0,.4);height:100%;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:.6s ease-in-out;visibility:hidden;width:100%;z-index:4}.popup.active{opacity:1;visibility:visible}.popup_content{background-color:#fff;border-radius:20px;margin:15% auto;opacity:0;position:relative;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:inherit;visibility:hidden;width:500px}.popup.active .popup_content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.popup .header{display:flex;flex-direction:row;justify-content:space-between;padding:16px 20px}.popup .header .x{fill:#ccc;cursor:pointer}.popup .body{padding:0 20px 20px}.popup_close{color:#7f7f7f;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:16px}.popup_close:hover{color:#000}.word{background-color:#5b92e5;height:100vh;width:100vw}.word .stuff{align-items:center;-webkit-animation:fadein 1s;animation:fadein 1s;display:flex;flex-direction:column;height:70%;justify-content:flex-start;margin-top:40px;width:100%}.word .stuff .timer{color:#fff;font-family:Roboto;font-size:140px;font-weight:700}.word .stuff .wordRND{font-size:50px;font-weight:600}.word .stuff .buttons{margin-top:40px}.word .stuff .buttons,.word .stuff .buttons .ani{-webkit-animation:fadein 2s;animation:fadein 2s}.word .stuff .buttons .btn{border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:20px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;text-transform:uppercase}.word .stuff .buttons .btn .restart,.word .stuff .buttons .btn .start{box-shadow:6px 6px 12px #c5c5c5;cursor:pointer}.word .stuff .buttons .btn .restart span,.word .stuff .buttons .btn .start span{color:#fff;font-weight:600;position:relative;z-index:1}.word .stuff .buttons .btn .restart .liquid,.word .stuff .buttons .btn .start .liquid{background:#2e7df2;box-shadow:inset 0 0 0 hsla(0,0%,100%,.7);height:200px;left:0;position:absolute;top:-80px;transition:.5s;width:100%}.word .stuff .buttons .btn .restart .liquid:after,.word .stuff .buttons .btn .restart .liquid:before,.word .stuff .buttons .btn .start .liquid:after,.word .stuff .buttons .btn .start .liquid:before{background:#fff;content:"";height:200%;left:50%;overflow:hidden;position:absolute;top:40px;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.word .stuff .buttons .btn .restart .liquid:before,.word .stuff .buttons .btn .start .liquid:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:rgba(32,140,245,.5);border-radius:45%}.word .stuff .buttons .btn .restart .liquid:after,.word .stuff .buttons .btn .start .liquid:after{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:rgba(0,102,204,.5);border-radius:40%}.word .stuff .buttons .btn .restart .liquid:hover .liquid,.word .stuff .buttons .btn .start .liquid:hover .liquid{top:-120px}.word .stuff .buttons .btn .restart .liquid{background:#2e7df2;box-shadow:inset 0 0 15px rgba(0,0,0,.2);transition:.5s}.word .stuff .buttons .btn .restart .liquid:after,.word .stuff .buttons .btn .restart .liquid:before{background:#fff;content:"";height:200%;left:50%;position:absolute;top:40px;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.word .stuff .buttons .btn .restart .liquid:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:rgba(0,102,204,.5);border-radius:45%}.word .stuff .buttons .btn .restart .liquid:after{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:rgba(32,140,245,.5);border-radius:40%}.word .stuff .buttons .btn .restart .liquid:hover .liquid{top:120px}@media only screen and (max-width:1000px){.stuff{justify-content:center!important}.stuff .timer{font-size:12rem!important}.stuff .wordRND{font-size:6.125rem!important}.stuff .buttons .btn:nth-child(2){margin-top:3em!important}.stuff .buttons span{font-size:2rem!important;font-weight:600!important}}@media only screen and (max-width:300px){.stuff{margin-top:0}.stuff .timer{font-size:6.75rem!important}.stuff .wordRND{font-size:2.125rem!important}.stuff .buttons span{font-size:1rem!important}}@media only screen and (min-height:1000px){.stuff{margin-top:6em!important}}:root{--On:"Inspiracion ON";--Off:"Inspiracion OFF"}.music{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;right:30px;top:0;z-index:3}.music span.switcher{margin:20px 0}.music span.switcher,.music span.switcher input{border-radius:25px;height:50px;position:relative;width:190px}.music span.switcher input{-webkit-appearance:none;appearance:none;background-color:#fff;font-family:Oswald,sans-serif;outline:none}.music span.switcher input:after,.music span.switcher input:before{color:#1e1e1e;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.music span.switcher input:before{content:"Inspiracion ON";content:var(--On);right:20px}.music span.switcher input:after{content:"Inspiracion OFF";content:var(--Off);left:20px}.music span.switcher label{border-radius:20px;bottom:10px;position:absolute;top:10px;z-index:1}.music span.switcher.switcher-1 input{transition:.25s -.1s}.music span.switcher.switcher-1 input:checked{background-color:#1e1e1e}.music span.switcher.switcher-1 input:checked:before{color:#1e1e1e;transition:color .5s .2s}.music span.switcher.switcher-1 input:checked:after{color:#ccc;transition:color .5s}.music span.switcher.switcher-1 input:checked+label{background:#fff;left:10px;right:100px;transition:left .5s,right .4s .2s}.music span.switcher.switcher-1 input:not(:checked){background:#fff;transition:background .5s -.1s}.music span.switcher.switcher-1 input:not(:checked):before{color:#ccc;transition:color .5s}.music span.switcher.switcher-1 input:not(:checked):after{color:#fff;transition:color .5s .2s}.music span.switcher.switcher-1 input:not(:checked)+label{background:#1e1e1e;left:100px;right:10px;transition:left .4s .2s,right .5s,background .35s -.1s}.music span.switcher.switcher-2{overflow:hidden}.music span.switcher.switcher-2 input{transition:background-color 0s .5s}.music span.switcher.switcher-2 input:before{color:#fff}.music span.switcher.switcher-2 input:after{color:#1e1e1e}.music span.switcher.switcher-2 input:checked{background-color:#1e1e1e}.music span.switcher.switcher-2 input:checked+label{-webkit-animation:turn-on .5s ease-out;animation:turn-on .5s ease-out;background:#1e1e1e}@-webkit-keyframes turn-on{0%{left:100%}to{left:0}}@keyframes turn-on{0%{left:100%}to{left:0}}.music span.switcher.switcher-2 input:not(:checked){background:#fff}.music span.switcher.switcher-2 input:not(:checked)+label{-webkit-animation:turn-off .5s ease-out;animation:turn-off .5s ease-out;background:#fff}@-webkit-keyframes turn-off{0%{right:100%}to{right:0}}@keyframes turn-off{0%{right:100%}to{right:0}}.music span.switcher.switcher-2 label{border-radius:25px;height:50px;top:0;width:190px}@media only screen and (max-width:1000px){.music{display:none!important}}.back{align-items:center;display:flex;justify-content:center;left:20px;position:fixed;top:10px;z-index:3}.back img{-webkit-filter:invert(1);filter:invert(1);height:60px;width:60px}@media only screen and (max-width:1000px){.back{display:none!important}}.time{align-content:center;align-items:center;background-color:rgba(0,0,0,.6);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.time .emoji{-webkit-animation:shake 5s infinite;animation:shake 5s infinite;font-size:5.9em;margin:.3em .4em;text-align:center}.time .emoji:after{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.time .emoji::hover:before{-webkit-transform:rotate(.25deg);transform:rotate(.25deg);transition:.2s cubic-bezier(.5,120,.5,-120)}.time .emoji.hourglass:after{--emoji:"⌛️";-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:twoFrames;animation-name:twoFrames;content:"⏳"}.time .conclusion{-webkit-animation:shake-2 4s infinite;animation:shake-2 4s infinite;color:#fff;font-size:3em;font-weight:700;text-align:center;text-align:-webkit-center;width:80%}@-webkit-keyframes twoFrames{50%{content:var(--emoji)}}@keyframes twoFrames{50%{content:var(--emoji)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}12.0%{-webkit-transform:rotate(42deg);transform:rotate(42deg)}16.0%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}20.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}23.0%{-webkit-transform:rotate(28deg);transform:rotate(28deg)}26.0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}29.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}31.0%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}33.0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}35.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}37.0%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}39.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40.0%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}44.0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}49.0%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}55.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}62.0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}70.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}12.0%{-webkit-transform:rotate(42deg);transform:rotate(42deg)}16.0%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}20.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}23.0%{-webkit-transform:rotate(28deg);transform:rotate(28deg)}26.0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}29.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}31.0%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}33.0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}35.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}37.0%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}39.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40.0%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}44.0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}49.0%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}55.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}62.0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}70.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes shake-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40.0%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}80.0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}100.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40.0%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}80.0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}100.0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.topic{background-color:#5b92e5;height:100vh;width:100vw}.topic .stuff{align-items:center;-webkit-animation:fadein 1s;animation:fadein 1s;display:flex;flex-direction:column;height:70%;justify-content:flex-start;margin-top:40px;width:100%}.topic .stuff .timer{color:#fff;font-family:Roboto;font-size:140px;font-weight:700;text-align:center}.topic .stuff .wordRND{font-size:50px;font-weight:600;text-align:center;width:80%}.topic .stuff .buttons{margin-top:40px}.topic .stuff .buttons,.topic .stuff .buttons .ani{-webkit-animation:fadein 2s;animation:fadein 2s}.topic .stuff .buttons .btn{border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:20px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;text-transform:uppercase}.topic .stuff .buttons .btn .restart,.topic .stuff .buttons .btn .start{box-shadow:6px 6px 12px #c5c5c5;cursor:pointer}.topic .stuff .buttons .btn .restart span,.topic .stuff .buttons .btn .start span{color:#fff;font-weight:600;position:relative;z-index:1}.topic .stuff .buttons .btn .restart .liquid,.topic .stuff .buttons .btn .start .liquid{background:#2e7df2;box-shadow:inset 0 0 0 hsla(0,0%,100%,.7);height:200px;left:0;position:absolute;top:-80px;transition:.5s;width:100%}.topic .stuff .buttons .btn .restart .liquid:after,.topic .stuff .buttons .btn .restart .liquid:before,.topic .stuff .buttons .btn .start .liquid:after,.topic .stuff .buttons .btn .start .liquid:before{background:#fff;content:"";height:200%;left:50%;position:absolute;top:40px;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.topic .stuff .buttons .btn .restart .liquid:before,.topic .stuff .buttons .btn .start .liquid:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:rgba(32,140,245,.5);border-radius:45%}.topic .stuff .buttons .btn .restart .liquid:after,.topic .stuff .buttons .btn .start .liquid:after{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:rgba(0,102,204,.5);border-radius:40%}.topic .stuff .buttons .btn .restart .liquid:hover .liquid,.topic .stuff .buttons .btn .start .liquid:hover .liquid{top:-120px}.topic .stuff .buttons .btn .restart .liquid{background:#2e7df2;box-shadow:inset 0 0 15px rgba(0,0,0,.2);transition:.5s}.topic .stuff .buttons .btn .restart .liquid:after,.topic .stuff .buttons .btn .restart .liquid:before{background:#fff;content:"";height:200%;left:50%;position:absolute;top:40px;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.topic .stuff .buttons .btn .restart .liquid:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:rgba(0,102,204,.5);border-radius:45%}.topic .stuff .buttons .btn .restart .liquid:after{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:rgba(32,140,245,.5);border-radius:40%}.topic .stuff .buttons .btn .restart .liquid:hover .liquid{top:120px}@media only screen and (max-width:1000px){.stuff{justify-content:start!important}.stuff .timer{font-size:12rem!important}.stuff .wordRND{font-size:6.125rem!important}.stuff .buttons .btn:nth-child(2){margin-top:3em!important}.stuff .buttons span{font-size:2rem!important;font-weight:600!important}}@media only screen and (max-width:900px){.stuff{margin-top:3em}.stuff .timer{font-size:8.75rem!important}.stuff .wordRND{font-size:3.125rem!important}.stuff .buttons span{font-size:1.325rem!important}}@media only screen and (max-width:380px){.stuff{justify-content:center!important;margin-top:0}.stuff .timer{font-size:6.75rem!important}.stuff .wordRND{font-size:2rem!important}.stuff .buttons span{font-size:1rem!important}}@media only screen and (min-height:1000px){.stuff{margin-top:6em!important}.stuff .timer{font-size:8.75rem!important}.stuff .wordRND{font-size:4rem!important}.stuff .buttons span{font-size:2rem!important}}.questions{background-color:#5b92e5;height:100vh;width:100vw}.questions .stuff{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:flex-start;width:100%}.questions .stuff .title{color:#fff;font-size:50px;font-weight:700}.questions .stuff .title,.questions .stuff .word{margin-top:40px;text-align:center;text-align:-moz-center;text-align:-webkit-center}.questions .stuff .word{font-size:35px;font-weight:600;height:25%;width:40%}.questions .stuff .buttons{margin-top:40px}.questions .stuff .buttons,.questions .stuff .buttons .ani{-webkit-animation:fadein 2s;animation:fadein 2s}.questions .stuff .buttons .btn{border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:20px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;text-transform:uppercase}.questions .stuff .buttons .btn .restart,.questions .stuff .buttons .btn .start{box-shadow:6px 6px 12px #c5c5c5;cursor:pointer}.questions .stuff .buttons .btn .restart span,.questions .stuff .buttons .btn .start span{color:#fff;font-weight:600;position:relative;z-index:1}.questions .stuff .buttons .btn .restart .liquid,.questions .stuff .buttons .btn .start .liquid{background:#2e7df2;box-shadow:inset 0 0 0 hsla(0,0%,100%,.7);height:200px;left:0;position:absolute;top:-80px;transition:.5s;width:100%}.questions .stuff .buttons .btn .restart .liquid:after,.questions .stuff .buttons .btn .restart .liquid:before,.questions .stuff .buttons .btn .start .liquid:after,.questions .stuff .buttons .btn .start .liquid:before{background:#fff;content:"";height:200%;left:50%;position:absolute;top:40px;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.questions .stuff .buttons .btn .restart .liquid:before,.questions .stuff .buttons .btn .start .liquid:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:rgba(32,140,245,.5);border-radius:45%}.questions .stuff .buttons .btn .restart .liquid:after,.questions .stuff .buttons .btn .start .liquid:after{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:rgba(0,102,204,.5);border-radius:40%}.questions .stuff .buttons .btn .restart .liquid:hover .liquid,.questions .stuff .buttons .btn .start .liquid:hover .liquid{top:-120px}.questions .stuff .buttons .btn .restart .liquid{background:#2e7df2;box-shadow:inset 0 0 15px rgba(0,0,0,.2);transition:.5s}.questions .stuff .buttons .btn .restart .liquid:after,.questions .stuff .buttons .btn .restart .liquid:before{background:#fff;content:"";height:200%;left:50%;position:absolute;top:40px;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:200%}.questions .stuff .buttons .btn .restart .liquid:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:rgba(0,102,204,.5);border-radius:45%}.questions .stuff .buttons .btn .restart .liquid:after{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:rgba(32,140,245,.5);border-radius:40%}.questions .stuff .buttons .btn .restart .liquid:hover .liquid{top:120px}@-webkit-keyframes animate{0%{-webkit-transform:translate(-50%,-75%) rotate(0deg);transform:translate(-50%,-75%) rotate(0deg)}to{-webkit-transform:translate(-50%,-75%) rotate(1turn);transform:translate(-50%,-75%) rotate(1turn)}}@keyframes animate{0%{-webkit-transform:translate(-50%,-75%) rotate(0deg);transform:translate(-50%,-75%) rotate(0deg)}to{-webkit-transform:translate(-50%,-75%) rotate(1turn);transform:translate(-50%,-75%) rotate(1turn)}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:1000px){.stuff{height:auto!important;justify-content:start!important}}@media only screen and (max-width:900px){.stuff{margin-top:3em}.stuff .title{font-size:3rem!important}.stuff .word{font-size:2rem!important;width:80%!important}.stuff .buttons span{font-size:1.325rem!important}}@media only screen and (max-width:414px){.stuff{justify-content:center!important;margin-top:0}.stuff .title{font-size:2rem!important}.stuff .word{font-size:1.75rem!important;width:100%!important}.stuff .buttons span{font-size:1.5rem!important}}@media only screen and (max-height:720px){.stuff{justify-content:start;margin-top:0!important}}@media only screen and (min-height:1000px){.stuff{margin-top:6em!important}.stuff .title{font-size:4rem!important}.stuff .word{font-size:2.5rem!important;width:80%!important}.stuff .buttons span{font-size:2rem!important}}.notFound{background-color:#5b92e5;height:100vh;position:relative;width:100vw}.notFound .container{align-items:center;color:#fff;display:flex;height:70%;justify-content:center}.notFound .container .nfIcon{-webkit-filter:invert(1);filter:invert(1);width:120px}.notFound .container .text{margin-left:30px}.notFound .container .text h1{margin-bottom:10px}.notFound .container .text .volver{color:#fff;cursor:pointer;text-align:center;text-decoration:none}@media only screen and (max-width:900px){.container{flex-direction:column}.container .text{margin-left:0!important}.container .text h1{text-align:center}}
/*# sourceMappingURL=main.0be673b4.css.map*/