body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Pokemon;src:url(../../static/media/Pokemon_Classic.7b405427a72cc3786ceb.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.font-face{font-family:Pokemon}:root{--color1:#00e7ff;--color2:#ff00e7;--back:url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);--charizard1:#a79f26;--charizard2:#b2a896;--charizardfront:url(https://images.pokemontcg.io/swsh11/186_hires.png);--pika1:#54a29e;--pika2:#a79d66;--pikafront:url(https://images.pokemontcg.io/swsh10/177_hires.png);--eevee1:#29c17f;--eevee2:#5d2b9b;--eeveefront:url(https://images.pokemontcg.io/swsh7/215_hires.png);--mewtwo1:#efb2fb;--mewtwo2:#acc6f8;--mewtwofront:url(https://assets.codepen.io/13471/mewtwo-gx.webp)}.card{height:clamp(280px,85vh,25.2vw);width:clamp(200px,61vh,18vw);@media screen and (min-width:600px){height:clamp(18vw,85vh,25.2vw);width:clamp(12.9vw,61vh,18vw)}background-color:#040712;background-image:var(--front);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:5%/3.5%;box-shadow:-5px -5px 5px -5px #00e7ff,5px 5px 5px -5px #ff00e7,-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0 hsla(0,0%,100%,0),0 55px 35px -20px rgba(0,0,0,.5);box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0 hsla(0,0%,100%,0),0 55px 35px -20px rgba(0,0,0,.5);margin:20px;position:relative;touch-action:none;-webkit-transform-origin:center;transform-origin:center;transition:box-shadow .2s ease,-webkit-transform .5s ease;transition:transform .5s ease,box-shadow .2s ease;transition:transform .5s ease,box-shadow .2s ease,-webkit-transform .5s ease;will-change:transform,filter;z-index:10}.card:hover{box-shadow:-20px -20px 10px -25px #00e7ff,20px 20px 10px -25px #ff00e7,-7px -7px 10px -5px #00e7ff,7px 7px 10px -5px #ff00e7,0 0 10px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5);box-shadow:-20px -20px 10px -25px var(--color1),20px 20px 10px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 10px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5)}.card.charizard{--color1:var(--charizard1);--color2:var(--charizard2);--front:var(--charizardfront)}.card.pika{--color1:var(--pika1);--color2:var(--pika2);--front:var(--pikafront)}.card.mewtwo{--color1:var(--mewtwo1);--color2:var(--mewtwo2);--front:var(--mewtwofront)}.card.eevee{--color1:var(--eevee1);--color2:var(--eevee2);--front:var(--eeveefront)}.card:after,.card:before{background-repeat:no-repeat;bottom:0;content:"";left:0;mix-blend-mode:color-dodge;opacity:.5;position:absolute;right:0;top:0;transition:all .33s ease}.card:before{background-image:linear-gradient(115deg,transparent,#00e7ff 25%,transparent 47%,transparent 53%,#ff00e7 75%,transparent);background-image:linear-gradient(115deg,transparent 0,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);background-position:50% 50%;background-size:300% 300%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);opacity:.5;z-index:1}.card:after{background-blend-mode:overlay;background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(https://assets.codepen.io/13471/holo.png),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:50% 50%;background-size:160%;mix-blend-mode:color-dodge;transition:all .33s ease;z-index:2}.card.active:after,.card:after,.card:hover:after{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1);opacity:1}.card.active,.card:hover{-webkit-animation:none;animation:none;transition:box-shadow .1s ease-out}.card.active:before,.card:hover:before{background-image:linear-gradient(110deg,transparent 25%,#00e7ff 0,#ff00e7 24%,transparent 50%);background-image:linear-gradient(110deg,transparent 25%,var(--color1) 20%,var(--color2) 24%,transparent 50%);background-position:50% 50%;background-size:250% 250%;-webkit-filter:brightness(.66) contrast(1.33);filter:brightness(.66) contrast(1.33);opacity:.88}.card.active:after,.card.active:before,.card:hover:after,.card:hover:before{-webkit-animation:none;animation:none;transition:none}.card.animated{-webkit-animation:holoCard 12s ease 0s 1;animation:holoCard 12s ease 0s 1;transition:none}.card.animated:before{-webkit-animation:holoGradient 12s ease 0s 1;animation:holoGradient 12s ease 0s 1;transition:none}.card.animated:after{-webkit-animation:holoSparkle 12s ease 0s 1;animation:holoSparkle 12s ease 0s 1;transition:none}@-webkit-keyframes holoSparkle{0%,to{background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25);opacity:.75}5%,8%{background-position:40% 40%;-webkit-filter:brightness(.8) contrast(1.2);filter:brightness(.8) contrast(1.2);opacity:1}13%,16%{background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(.8);filter:brightness(1.2) contrast(.8);opacity:.5}35%,38%{background-position:60% 60%;-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1);opacity:1}55%{background-position:45% 45%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25);opacity:.33}}@keyframes holoSparkle{0%,to{background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25);opacity:.75}5%,8%{background-position:40% 40%;-webkit-filter:brightness(.8) contrast(1.2);filter:brightness(.8) contrast(1.2);opacity:1}13%,16%{background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(.8);filter:brightness(1.2) contrast(.8);opacity:.5}35%,38%{background-position:60% 60%;-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1);opacity:1}55%{background-position:45% 45%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25);opacity:.33}}@-webkit-keyframes holoGradient{0%,to{background-position:50% 50%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);opacity:.5}5%,9%{background-position:100% 100%;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25);opacity:1}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);opacity:1}55%{background-position:0 0;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25);opacity:1}}@keyframes holoGradient{0%,to{background-position:50% 50%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);opacity:.5}5%,9%{background-position:100% 100%;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25);opacity:1}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);opacity:1}55%{background-position:0 0;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25);opacity:1}}@-webkit-keyframes holoCard{0%,to{-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0deg) rotateX(0deg) rotateY(0deg)}5%,8%{-webkit-transform:rotate(0deg) rotateX(6deg) rotateY(-20deg);transform:rotate(0deg) rotateX(6deg) rotateY(-20deg)}13%,16%{-webkit-transform:rotate(0deg) rotateX(-9deg) rotateY(32deg);transform:rotate(0deg) rotateX(-9deg) rotateY(32deg)}35%,38%{-webkit-transform:rotate(3deg) rotateX(12deg) rotateY(20deg);transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{-webkit-transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg);transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}@keyframes holoCard{0%,to{-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0deg) rotateX(0deg) rotateY(0deg)}5%,8%{-webkit-transform:rotate(0deg) rotateX(6deg) rotateY(-20deg);transform:rotate(0deg) rotateX(6deg) rotateY(-20deg)}13%,16%{-webkit-transform:rotate(0deg) rotateX(-9deg) rotateY(32deg);transform:rotate(0deg) rotateX(-9deg) rotateY(32deg)}35%,38%{-webkit-transform:rotate(3deg) rotateX(12deg) rotateY(20deg);transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{-webkit-transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg);transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}.demo .card{background-image:url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);background-image:var(--back);font-size:2vh}.demo .card>span{position:relative;top:45%}.demo .card:first-of-type,.demo .card:nth-of-type(2),.demo .card:nth-of-type(3){-webkit-animation:none;animation:none;box-shadow:inset 0 0 0 1px rgba(white,.4),0 25px 15px -10px rgba(0,0,0,.5);height:27.5vh;width:20vh}.demo .card:first-of-type:after,.demo .card:first-of-type:before,.demo .card:nth-of-type(2):after,.demo .card:nth-of-type(2):before,.demo .card:nth-of-type(3):after,.demo .card:nth-of-type(3):before{-webkit-animation:none;animation:none}.demo .card:first-of-type:after,.demo .card:first-of-type:before{display:none}.demo .card:nth-of-type(2){background:none}.demo .card:nth-of-type(2):before{display:none}.demo .card:nth-of-type(3){background:none}.demo .card:nth-of-type(3):after{display:none}.operator{display:inline-block;font-size:6vh;vertical-align:middle}body,html{padding:0;scroll-behavior:smooth;-webkit-transform:translateZ(.1px);transform:translateZ(.1px);z-index:1}body{background:linear-gradient(0deg,#000,#001d3d 20%,#001731 80%,#000);color:#fff;font-family:Heebo,sans-serif;text-align:center}h1{display:block;margin:30px 0}p{font-weight:200;margin-top:5px}#app,.cards,.demo{position:relative}.cards,.demo{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;-webkit-perspective:2000px;perspective:2000px;-webkit-transform:translate3d(.1px,.1px,.1px);transform:translate3d(.1px,.1px,.1px);z-index:1}.demo{flex-direction:row;justify-content:center}@media screen and (min-width:600px){.cards{flex-direction:row}}.cards .card:after,.cards .card:before,.cards .card:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}.cards .card:after,.cards .card:before,.cards .card:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.cards .card:after,.cards .card:before,.cards .card:nth-child(4){-webkit-animation-delay:.75s;animation-delay:.75s}li{list-style:none}.container{background-color:#654ea3;background-image:linear-gradient(0deg,#fcf3d8 30%,#eaafc8,#654ea3);background-image:-webkit-linear-gradient(180deg,#fcf3d8 30%,#eaafc8,#654ea3);border-radius:100%;height:400px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.mountain-range{display:flex;height:100px;justify-content:center;padding:0;position:absolute;top:50%;width:100%}.mountain-range .mountain:first-child{border-bottom:15744317124px solid #75bbff;border-left:31488634248px solid transparent;border-right:31488634248px solid transparent;height:0;margin-left:-60%;margin-top:54336163156.00001px;width:0}.mountain-range .mountain:nth-child(2){border-bottom:3870411138px solid #75bbff;border-left:7740822276px solid transparent;border-right:7740822276px solid transparent;height:0;margin-left:-60%;margin-top:58191430695px;width:0}.mountain-range .mountain:nth-child(3){border-bottom:35896809942px solid #75bbff;border-left:71793619884px solid transparent;border-right:71793619884px solid transparent;height:0;margin-left:-60%;margin-top:42760710549px;width:0}.mountain-range .mountain:nth-child(4){border-bottom:24707957223px solid #75bbff;border-left:49415914446px solid transparent;border-right:49415914446px solid transparent;height:0;margin-left:-60%;margin-top:15753539317.000002px;width:0}.mountain-range .mountain:nth-child(5){border-bottom:49280573631px solid #75bbff;border-left:98561147262px solid transparent;border-right:98561147262px solid transparent;height:0;margin-left:-60%;margin-top:65904679730.00001px;width:0}.mountain-range .mountain:nth-child(6){border-bottom:22089399631.5px solid #75bbff;border-left:44178799263px solid transparent;border-right:44178799263px solid transparent;height:0;margin-left:-60%;margin-top:41325866218px;width:0}.mountain-range .mountain:nth-child(7){border-bottom:363366864px solid #75bbff;border-left:726733728px solid transparent;border-right:726733728px solid transparent;height:0;margin-left:-60%;margin-top:46012277640px;width:0}.mountain-range .mountain:nth-child(8){border-bottom:49879080612px solid #75bbff;border-left:99758161224px solid transparent;border-right:99758161224px solid transparent;height:0;margin-left:-60%;margin-top:10649258776px;width:0}.forest{height:100px;position:absolute;top:65%;width:100%}.forest .hill{background-color:#82d9a2;position:absolute}.forest .hill:first-child{border-bottom-left-radius:300px 150px;border-bottom-right-radius:300px 150px;border-top-left-radius:300px 150px;border-top-right-radius:300px 150px;box-shadow:inset 20px 30px 50px #2d79a0;height:300px;left:-150px;top:-10px;width:600px}.forest .hill:nth-child(2){left:100px;top:-5px}.forest .hill:nth-child(2),.forest .hill:nth-child(3){border-bottom-left-radius:250px 125px;border-bottom-right-radius:250px 125px;border-top-left-radius:250px 125px;border-top-right-radius:250px 125px;box-shadow:inset 20px 30px 50px #2d79a0;height:250px;width:500px}.forest .hill:nth-child(3){left:-180px;top:17px}.grass{background:#82d9a2;border-radius:300px/150px;box-shadow:inset 20px 30px 60px #2d79a0;height:300px;left:-100px;top:75%;width:600px}.grass,.pokemon{position:absolute}.pokemon{height:110px;left:calc(53% - 150px);width:300px}.poke{height:100px}#bulbasaur:before,.poke{position:absolute;width:100px}#bulbasaur:before{background:rgba(0,0,0,.2);border-radius:100%;content:"";height:50px;left:15px;top:50px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}#bulbasaur .head{border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top-left-radius:50% 25px;border-top-right-radius:50% 25px;height:45px;left:55px;width:60px}#bulbasaur .ear,#bulbasaur .head{background-color:#00efd0;position:absolute}#bulbasaur .ear{border-top-left-radius:50px 90px;border-top-right-radius:50px 90px;height:20px;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:23px}#bulbasaur .ear:first-child{-webkit-animation:rotateLeftBulbEar 2s infinite alternate;animation:rotateLeftBulbEar 2s infinite alternate;left:52px;top:-5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#bulbasaur .ear:nth-child(2){-webkit-animation:rotateRightBulbEar 2s infinite alternate;animation:rotateRightBulbEar 2s infinite alternate;left:87px;top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#bulbasaur .bulba-body{-webkit-animation:bodyBreathe 2s infinite alternate;animation:bodyBreathe 2s infinite alternate;background-color:#00efd0;border-radius:100%;box-shadow:inset 10px -10px #00dbbe;height:55px;left:42px;position:relative;top:20px;width:65px}#bulbasaur .bulba-body:after,#bulbasaur .bulba-body:before{content:"";position:absolute}#bulbasaur .bulba-body:before{background-color:#00c6ac;height:13px;left:8px;top:33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:10px}#bulbasaur .bulba-body:after,#bulbasaur .bulba-body:before{border-bottom-left-radius:100%;border-bottom-right-radius:30%;border-top-left-radius:50%;border-top-right-radius:30%}#bulbasaur .bulba-body:after{background-color:#00dbbe;height:8px;left:53px;top:30px;-webkit-transform:rotate(65deg);transform:rotate(65deg);width:8px}#bulbasaur .leg{background-color:#00efd0;border-bottom-left-radius:35px 110%;border-bottom-right-radius:35px 110%;box-shadow:inset 10px -20px #00d6ba;height:40px;left:90px;position:absolute;top:30px;width:20px}#bulbasaur .bulbs{-webkit-animation:bulbaBreathe 2s infinite alternate;animation:bulbaBreathe 2s infinite alternate;height:55px;left:50px;position:absolute;top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;width:55px;z-index:3}#bulbasaur .bulbs:after,#bulbasaur .bulbs:before{border-radius:0 50% 50%;content:"";height:45px;position:absolute;width:45px}#bulbasaur .bulbs:before{background-color:#007061;-webkit-transform:translate(-14px,14px) rotate(7deg);transform:translate(-14px,14px) rotate(7deg)}#bulbasaur .bulbs:after{background-color:#008a78;-webkit-transform:translate(-8px,8px) rotate(10deg);transform:translate(-8px,8px) rotate(10deg)}#bulbasaur .bulb{background-color:#00a38e;border-radius:0 50% 100%;box-shadow:inset 1px -5px #009480;height:90%;left:11px;position:absolute;right:2px;top:18px;width:90%;z-index:4}#pikachu{left:-.1em}#pikachu:before{background:rgba(0,0,0,.2);border-radius:100%;content:"";height:80px;left:115px;position:absolute;top:50px;-webkit-transform:rotate(40deg);transform:rotate(40deg);width:60px}#pikachu .ear{background-color:#fff069;border-top-left-radius:60px 150px;border-top-right-radius:60px 150px;height:40px;overflow:hidden;position:absolute;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:18px}#pikachu .ear:first-child{-webkit-animation:rotateLeftEar 1s infinite alternate;animation:rotateLeftEar 1s infinite alternate;left:125px;top:-35px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}#pikachu .ear:first-child:after{background-color:#444;content:"";height:15px;left:-8px;position:absolute;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:150%}#pikachu .ear:nth-child(2){-webkit-animation:rotateRightEar 1s infinite alternate;animation:rotateRightEar 1s infinite alternate;left:157px;top:-30px;-webkit-transform:rotate(50deg);transform:rotate(50deg)}#pikachu .ear:nth-child(2):after{background-color:#444;content:"";height:15px;left:2px;position:absolute;-webkit-transform:rotate(30deg);transform:rotate(30deg);width:150%}#pikachu .hand{-webkit-animation:pikaPat .7s infinite alternate;animation:pikaPat .7s infinite alternate;border-top-left-radius:60px 150px;border-top-right-radius:60px 150px;height:38px;left:123px;top:5px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;width:15px;z-index:5}#pikachu .hand,#pikachu .head{background-color:#fff069;position:absolute}#pikachu .head{border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top-left-radius:50% 25px;border-top-right-radius:50% 25px;height:55px;left:120px;top:-12px;width:60px}#pikachu .pika-body{background-color:#fff069;border-radius:22px;height:55px;left:122px;position:absolute;top:20px;width:55px}#pikachu .pika-body:after,#pikachu .pika-body:before{background-color:#9c5200;border-radius:100%;content:"";height:7px;left:13px;position:absolute;width:70%}#pikachu .pika-body:before{top:15px;z-index:2}#pikachu .pika-body:after{top:30px}#pikachu .pika-tail{-webkit-animation:rotateTail 2s infinite alternate;animation:rotateTail 2s infinite alternate;background:#9c5200;border-radius:5px;box-shadow:-2px 2px 1px rgba(68,68,68,.2);height:25px;left:150px;position:absolute;top:40px;-webkit-transform:rotate(55deg);transform:rotate(55deg);-webkit-transform-origin:bottom center;transform-origin:bottom center;width:16px;z-index:2}#pikachu .pika-tail:after,#pikachu .pika-tail:before{background-color:#fff069;content:"";position:absolute;-webkit-transform-origin:bottom center;transform-origin:bottom center}#pikachu .pika-tail:before{border:1px solid #9c5200;border-bottom-right-radius:5px;border-top-color:#fff069;height:1.45rem;left:.25rem;top:-2rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:1.4rem;z-index:4}#pikachu .pika-tail:after{background:#fff069;border:1px solid #9c5200;border-radius:5px 5px 0;height:3rem;left:-2.5rem;top:-2.8rem;width:2rem}.moon{background:#ffefba;background:linear-gradient(135deg,#fff,#ffefba);border:5px solid #fffaf0;height:75px;left:calc(50% - 45px);padding:0;top:10%;width:75px}.moon,.moon li{border-radius:100%;position:absolute}.moon li:first-child{background:#ffe691;background:linear-gradient(45deg,rgba(255,250,240,.1),#ffe691);height:20px;left:5px;top:30px;width:20px}.moon li:nth-child(2){background:#ffe691;background:linear-gradient(270deg,rgba(255,250,240,.1),#ffe691);height:35px;left:35px;top:35px;width:35px}.moon li:nth-child(3){background:#ffe691;background:linear-gradient(-120deg,rgba(255,250,240,.1),#ffe691);height:25px;left:25px;top:5px;width:25px}.sparkles{height:190px;left:-45px;position:absolute;top:30%;width:120%}.sparkles .sparkle{border-radius:100%;height:11px;position:absolute;width:11px}.sparkles .sparkle:first-child{background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(2){background-color:#f3ffe4;box-shadow:0 0 10px #f3ffe4}.sparkles .sparkle:nth-child(3){background-color:#e9fbff;box-shadow:0 0 10px #e9fbff}.sparkles .sparkle:nth-child(4){background-color:#fffce6;box-shadow:0 0 10px #fffce6}.sparkles .sparkle:nth-child(5){background-color:#e9fbff;box-shadow:0 0 10px #e9fbff}.sparkles .sparkle:nth-child(6){background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(10),.sparkles .sparkle:nth-child(7),.sparkles .sparkle:nth-child(8),.sparkles .sparkle:nth-child(9){background-color:#fffce6;box-shadow:0 0 10px #fffce6}.sparkles .sparkle:nth-child(11){background-color:#e9fbff;box-shadow:0 0 10px #e9fbff}.sparkles .sparkle:nth-child(12),.sparkles .sparkle:nth-child(13),.sparkles .sparkle:nth-child(14){background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(15){background-color:#fffce6;box-shadow:0 0 10px #fffce6}.sparkles .sparkle:nth-child(16){background-color:#e9fbff;box-shadow:0 0 10px #e9fbff}.sparkles .sparkle:nth-child(17){background-color:#fffce6;box-shadow:0 0 10px #fffce6}.sparkles .sparkle:nth-child(18){background-color:#f3ffe4;box-shadow:0 0 10px #f3ffe4}.sparkles .sparkle:nth-child(19){background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(20){background-color:#fffce6;box-shadow:0 0 10px #fffce6}.sparkles .sparkle:nth-child(21){background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(22){background-color:#fffce6;box-shadow:0 0 10px #fffce6}.sparkles .sparkle:nth-child(23){background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(24){background-color:#f3ffe4;box-shadow:0 0 10px #f3ffe4}.sparkles .sparkle:nth-child(25),.sparkles .sparkle:nth-child(26),.sparkles .sparkle:nth-child(27),.sparkles .sparkle:nth-child(28){background-color:#ffeefc;box-shadow:0 0 10px #ffeefc}.sparkles .sparkle:nth-child(29),.sparkles .sparkle:nth-child(30){background-color:#f3ffe4;box-shadow:0 0 10px #f3ffe4}.sparkles .sparkle:nth-child(31){background-color:#e9fbff;box-shadow:0 0 10px #e9fbff}.sparkles .sparkle:nth-child(32){background-color:#f3ffe4;box-shadow:0 0 10px #f3ffe4}.one{left:0;top:0}@-webkit-keyframes flyOne{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px,75px) scale(0);transform:translate(270px,75px) scale(0)}}@keyframes flyOne{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px,75px) scale(0);transform:translate(270px,75px) scale(0)}}.one:first-child{-webkit-animation:flyOne 15s 0s infinite;animation:flyOne 15s 0s infinite}.one:nth-child(2){-webkit-animation:flyOne 15s 4s infinite;animation:flyOne 15s 4s infinite}.one:nth-child(3){-webkit-animation:flyOne 15s 10s infinite;animation:flyOne 15s 10s infinite}.one:nth-child(4){-webkit-animation:flyOne 15s 18s infinite;animation:flyOne 15s 18s infinite}.two{right:0}@-webkit-keyframes flyTwo{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px,75px) scale(0);transform:translate(-270px,75px) scale(0)}}@keyframes flyTwo{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px,75px) scale(0);transform:translate(-270px,75px) scale(0)}}.two:nth-child(5){-webkit-animation:flyTwo 21s 2s infinite;animation:flyTwo 21s 2s infinite}.two:nth-child(6){-webkit-animation:flyTwo 21s 6s infinite;animation:flyTwo 21s 6s infinite}.two:nth-child(7){-webkit-animation:flyTwo 21s 12s infinite;animation:flyTwo 21s 12s infinite}.two:nth-child(8){-webkit-animation:flyTwo 21s 16s infinite;animation:flyTwo 21s 16s infinite}.three{left:0;top:100%}@-webkit-keyframes flyThree{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px,-75px) scale(0);transform:translate(270px,-75px) scale(0)}}@keyframes flyThree{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px,-75px) scale(0);transform:translate(270px,-75px) scale(0)}}.three:nth-child(9){-webkit-animation:flyThree 17s 1.4s infinite;animation:flyThree 17s 1.4s infinite}.three:nth-child(10){-webkit-animation:flyThree 17s 9.9s infinite;animation:flyThree 17s 9.9s infinite}.three:nth-child(11){-webkit-animation:flyThree 17s 18.4s infinite;animation:flyThree 17s 18.4s infinite}.three:nth-child(12){-webkit-animation:flyThree 17s 26.9s infinite;animation:flyThree 17s 26.9s infinite}.four{right:0;top:100%}@-webkit-keyframes flyFour{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px,-75px) scale(0);transform:translate(-270px,-75px) scale(0)}}@keyframes flyFour{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px,-75px) scale(0);transform:translate(-270px,-75px) scale(0)}}.four:nth-child(13){-webkit-animation:flyFour 25s 5.8s infinite;animation:flyFour 25s 5.8s infinite}.four:nth-child(14){-webkit-animation:flyFour 25s 10.4s infinite;animation:flyFour 25s 10.4s infinite}.four:nth-child(15){-webkit-animation:flyFour 25s 15s infinite;animation:flyFour 25s 15s infinite}.four:nth-child(16){-webkit-animation:flyFour 25s 19.6s infinite;animation:flyFour 25s 19.6s infinite}.five{left:0;top:50%}@-webkit-keyframes flyFive{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px) scale(0);transform:translate(270px) scale(0)}}@keyframes flyFive{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px) scale(0);transform:translate(270px) scale(0)}}.five:nth-child(17){-webkit-animation:flyFive 35s 8.7s infinite;animation:flyFive 35s 8.7s infinite}.five:nth-child(18){-webkit-animation:flyFive 35s 14.4s infinite;animation:flyFive 35s 14.4s infinite}.five:nth-child(19){-webkit-animation:flyFive 35s 20.1s infinite;animation:flyFive 35s 20.1s infinite}.five:nth-child(20){-webkit-animation:flyFive 35s 25.8s infinite;animation:flyFive 35s 25.8s infinite}.six{right:0;top:50%}@-webkit-keyframes flySix{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px) scale(0);transform:translate(-270px) scale(0)}}@keyframes flySix{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px) scale(0);transform:translate(-270px) scale(0)}}.six:nth-child(21){-webkit-animation:flySix 23.5s 10.6s infinite;animation:flySix 23.5s 10.6s infinite}.six:nth-child(22){-webkit-animation:flySix 23.5s 15s infinite;animation:flySix 23.5s 15s infinite}.six:nth-child(23){-webkit-animation:flySix 23.5s 19.4s infinite;animation:flySix 23.5s 19.4s infinite}.six:nth-child(24){-webkit-animation:flySix 23.5s 23.8s infinite;animation:flySix 23.5s 23.8s infinite}.seven{left:0;top:25%}@-webkit-keyframes flySeven{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px,37px) scale(0);transform:translate(270px,37px) scale(0)}}@keyframes flySeven{95%{opacity:1}to{opacity:0;-webkit-transform:translate(270px,37px) scale(0);transform:translate(270px,37px) scale(0)}}.seven:nth-child(25){-webkit-animation:flySeven 29s 5s infinite;animation:flySeven 29s 5s infinite}.seven:nth-child(26){-webkit-animation:flySeven 29s 12.67s infinite;animation:flySeven 29s 12.67s infinite}.seven:nth-child(27){-webkit-animation:flySeven 29s 20.34s infinite;animation:flySeven 29s 20.34s infinite}.seven:nth-child(28){-webkit-animation:flySeven 29s 28.01s infinite;animation:flySeven 29s 28.01s infinite}.eight{right:0;top:25%}@-webkit-keyframes flyEight{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px,37px) scale(0);transform:translate(-270px,37px) scale(0)}}@keyframes flyEight{95%{opacity:1}to{opacity:0;-webkit-transform:translate(-270px,37px) scale(0);transform:translate(-270px,37px) scale(0)}}.eight:nth-child(29){-webkit-animation:flyEight 28.5s 1.6s infinite;animation:flyEight 28.5s 1.6s infinite}.eight:nth-child(30){-webkit-animation:flyEight 28.5s 5.34s infinite;animation:flyEight 28.5s 5.34s infinite}.eight:nth-child(31){-webkit-animation:flyEight 28.5s 9.08s infinite;animation:flyEight 28.5s 9.08s infinite}.eight:nth-child(32){-webkit-animation:flyEight 28.5s 12.82s infinite;animation:flyEight 28.5s 12.82s infinite}@-webkit-keyframes pikaPat{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}}@keyframes pikaPat{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}}@-webkit-keyframes rotateTail{0%{-webkit-transform:rotate(55deg);transform:rotate(55deg)}to{-webkit-transform:rotate(65deg);transform:rotate(65deg)}}@keyframes rotateTail{0%{-webkit-transform:rotate(55deg);transform:rotate(55deg)}to{-webkit-transform:rotate(65deg);transform:rotate(65deg)}}@-webkit-keyframes rotateLeftEar{0%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}to{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@keyframes rotateLeftEar{0%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}to{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@-webkit-keyframes rotateRightEar{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(60deg);transform:rotate(60deg)}}@keyframes rotateRightEar{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}to{-webkit-transform:rotate(60deg);transform:rotate(60deg)}}@-webkit-keyframes bulbaBreathe{0%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}to{-webkit-transform:rotate(45deg) scale(1.01);transform:rotate(45deg) scale(1.01)}}@keyframes bulbaBreathe{0%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}to{-webkit-transform:rotate(45deg) scale(1.01);transform:rotate(45deg) scale(1.01)}}@-webkit-keyframes bodyBreathe{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bodyBreathe{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes rotateLeftBulbEar{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}}@keyframes rotateLeftBulbEar{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}}@-webkit-keyframes rotateRightBulbEar{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(55deg);transform:rotate(55deg)}}@keyframes rotateRightBulbEar{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(55deg);transform:rotate(55deg)}}:root{--carousel-rotation-speed:0.5s;--img-size:250px}.grid{grid-gap:.5rem;display:grid;grid-template:1fr/1fr;margin-top:.5rem;z-index:100}.nav{margin:0 auto;z-index:500}.nav button{background-color:#fff;border:2px solid #000;cursor:pointer;outline:none;padding:0 1rem;text-transform:uppercase;transition:background-color .2s;-webkit-user-select:none;user-select:none}.nav button:hover{background-color:#000;color:#fff}img.pokemon{display:block;height:250px;height:var(--img-size);margin:auto;-webkit-user-select:none;user-select:none;width:250px;width:var(--img-size)}.evolve{min-height:250px;min-height:var(--img-size);min-width:250px;min-width:var(--img-size);position:relative}.evolve .pokemon{opacity:1;position:absolute;visibility:visible}.evolve .pokemon:not(.current){opacity:0;visibility:hidden}.carousel{margin-top:50vh;min-height:250px;min-height:var(--img-size);position:relative;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.carousel-item{position:absolute;-webkit-transform-origin:left center;transform-origin:left center;transition:left .5s ease-out,-webkit-transform .5s ease-in-out,-webkit-filter .5s ease-out;transition:transform .5s ease-in-out,filter .5s ease-out,left .5s ease-out;transition:transform .5s ease-in-out,filter .5s ease-out,left .5s ease-out,-webkit-transform .5s ease-in-out,-webkit-filter .5s ease-out;transition:left var(--carousel-rotation-speed) ease-out,-webkit-transform var(--carousel-rotation-speed) ease-in-out,-webkit-filter var(--carousel-rotation-speed) ease-out;transition:transform var(--carousel-rotation-speed) ease-in-out,filter var(--carousel-rotation-speed) ease-out,left var(--carousel-rotation-speed) ease-out;transition:transform var(--carousel-rotation-speed) ease-in-out,filter var(--carousel-rotation-speed) ease-out,left var(--carousel-rotation-speed) ease-out,-webkit-transform var(--carousel-rotation-speed) ease-in-out,-webkit-filter var(--carousel-rotation-speed) ease-out}.carousel-item.main{-webkit-filter:blur(0);filter:blur(0);left:52%;-webkit-transform:scale(1.1) translate(-50%);transform:scale(1.1) translate(-50%)}.circle{border-radius:45%;height:250px;height:var(--img-size);left:50%;margin:-125px 0 0 -125px;margin:calc((var(--img-size)/2)*-1) 0 0 calc((var(--img-size)/2)*-1);opacity:0;position:absolute;top:50%;width:250px;width:var(--img-size)}.circle.c1{box-shadow:0 0 8px 65px rgba(128,206,255,.5)}.circle.c2{box-shadow:0 0 8px 65px rgba(117,202,255,.65)}.circle.c3{box-shadow:0 0 8px 65px rgba(87,190,255,.8)}.circle.c4{box-shadow:0 0 8px 65px rgba(117,202,255,.65)}.circle.c5{box-shadow:0 0 8px 65px rgba(128,206,255,.5)}.bubble{background-color:#fff;border-radius:50%;left:47.5%;opacity:0;position:absolute}.bubble:first-child{-webkit-animation-delay:.05s;animation-delay:.05s;height:34px;margin:-17 0 0 -17;-webkit-transform:translate(105px,-188px);transform:translate(105px,-188px);width:34px}.bubble:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s;height:58px;margin:-29 0 0 -29;-webkit-transform:translate(-118px,-138px);transform:translate(-118px,-138px);width:58px}.bubble:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s;height:12px;margin:-6 0 0 -6;-webkit-transform:translate(-105px,-188px);transform:translate(-105px,-188px);width:12px}.bubble:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s;height:52px;margin:-26 0 0 -26;-webkit-transform:translate(118px,-138px);transform:translate(118px,-138px);width:52px}.bubble:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s;height:22px;margin:-11 0 0 -11;-webkit-transform:translate(105px,-188px);transform:translate(105px,-188px);width:22px}.bubble:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s;height:32px;margin:-11 0 0 -11;-webkit-transform:translate(-118px,-138px);transform:translate(-118px,-138px);width:32px}.bubble:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s;height:27px;margin:-13.5 0 0 -13.5;-webkit-transform:translate(-105px,-188px);transform:translate(-105px,-188px);width:27px}.bubble:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s;height:49px;margin:-24.5 0 0 -24.5;-webkit-transform:translate(118px,-138px);transform:translate(118px,-138px);width:49px}.bubble:nth-child(9){-webkit-animation-delay:.45s;animation-delay:.45s;height:36px;margin:-18 0 0 -18;-webkit-transform:translate(105px,-188px);transform:translate(105px,-188px);width:36px}.bubble:nth-child(10){-webkit-animation-delay:.5s;animation-delay:.5s;height:56px;margin:-28 0 0 -28;-webkit-transform:translate(-118px,-138px);transform:translate(-118px,-138px);width:56px}.bubble:nth-child(11){-webkit-animation-delay:.55s;animation-delay:.55s;height:37px;margin:-18.5 0 0 -18.5;-webkit-transform:translate(-105px,-188px);transform:translate(-105px,-188px);width:37px}.bubble:nth-child(12){-webkit-animation-delay:.6s;animation-delay:.6s;height:28px;margin:-14 0 0 -14;-webkit-transform:translate(118px,-138px);transform:translate(118px,-138px);width:28px}.bubble:nth-child(13){-webkit-animation-delay:.65s;animation-delay:.65s;height:3px;margin:-1.5 0 0 -1.5;-webkit-transform:translate(105px,-188px);transform:translate(105px,-188px);width:3px}.bubble:nth-child(14){-webkit-animation-delay:.7s;animation-delay:.7s;height:50px;margin:-25 0 0 -25;-webkit-transform:translate(-118px,-138px);transform:translate(-118px,-138px);width:50px}.bubble:nth-child(15){-webkit-animation-delay:.75s;animation-delay:.75s;height:45px;margin:-22.5 0 0 -22.5;-webkit-transform:translate(-105px,-188px);transform:translate(-105px,-188px);width:45px}.bubble:nth-child(16){-webkit-animation-delay:.8s;animation-delay:.8s;height:18px;margin:-9 0 0 -9;-webkit-transform:translate(118px,-138px);transform:translate(118px,-138px);width:18px}.bubble:nth-child(17){-webkit-animation-delay:.85s;animation-delay:.85s;height:42px;margin:-21 0 0 -21;-webkit-transform:translate(105px,-188px);transform:translate(105px,-188px);width:42px}.bubble:nth-child(18){-webkit-animation-delay:.9s;animation-delay:.9s;height:7px;margin:-3.5 0 0 -3.5;-webkit-transform:translate(-118px,-138px);transform:translate(-118px,-138px);width:7px}.bubble:nth-child(19){-webkit-animation-delay:.95s;animation-delay:.95s;height:34px;margin:-11 0 0 -11;-webkit-transform:translate(-105px,-188px);transform:translate(-105px,-188px);width:34px}.bubble:nth-child(20){-webkit-animation-delay:1s;animation-delay:1s;height:47px;margin:-11 0 0 -11;-webkit-transform:translate(-28px,-110px);transform:translate(-28px,-110px);width:47px}@-webkit-keyframes evolve-out{0%{-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-transform:scale(1);transform:scale(1);visibility:visible}16.6%,33.2%,41.5%,49.8%,53.95%,58.1%,62.25%,66.4%,68.475%,70.55%,72.625%,74.7%,76.775%,78.85%,80.925%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}24.9%,37.35%,45.65%,51.875%,56.025%,60.175%,64.325%,67.4375%,69.5125%,71.5875%,73.6625%,75.7375%,77.8125%,79.8875%,81.9625%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:0;-webkit-transform:scale(.25);transform:scale(.25)}83.3%,to{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:0;-webkit-transform:scale(.25);transform:scale(.25);visibility:hidden}}@keyframes evolve-out{0%{-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-transform:scale(1);transform:scale(1);visibility:visible}16.6%,33.2%,41.5%,49.8%,53.95%,58.1%,62.25%,66.4%,68.475%,70.55%,72.625%,74.7%,76.775%,78.85%,80.925%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}24.9%,37.35%,45.65%,51.875%,56.025%,60.175%,64.325%,67.4375%,69.5125%,71.5875%,73.6625%,75.7375%,77.8125%,79.8875%,81.9625%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:0;-webkit-transform:scale(.25);transform:scale(.25)}83.3%,to{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:0;-webkit-transform:scale(.25);transform:scale(.25);visibility:hidden}}@-webkit-keyframes evolve-in{0%,16.6%,33.2%,41.5%,49.8%,53.95%,58.1%,62.25%,66.4%,68.475%,70.55%,72.625%,74.7%,76.775%,78.85%,80.925%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:0;-webkit-transform:scale(.25);transform:scale(.25);visibility:visible}24.9%,37.35%,45.65%,51.875%,56.025%,60.175%,64.325%,67.4375%,69.5125%,71.5875%,73.6625%,75.7375%,77.8125%,79.8875%,81.9625%,96%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}}@keyframes evolve-in{0%,16.6%,33.2%,41.5%,49.8%,53.95%,58.1%,62.25%,66.4%,68.475%,70.55%,72.625%,74.7%,76.775%,78.85%,80.925%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:0;-webkit-transform:scale(.25);transform:scale(.25);visibility:visible}24.9%,37.35%,45.65%,51.875%,56.025%,60.175%,64.325%,67.4375%,69.5125%,71.5875%,73.6625%,75.7375%,77.8125%,79.8875%,81.9625%,96%{-webkit-filter:brightness(0) invert(100%);filter:brightness(0) invert(100%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}}@-webkit-keyframes tunnel{0%,16.517%,33.283%,41.583%,49.883%,58.183%,66.483%,83.083%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}16.6%,33.366%,41.666%,49.966%,58.266%,66.566%,83.166%{opacity:1;-webkit-transform:scale(.3);transform:scale(.3)}20.75%,37.35%,45.65%,53.95%,62.25%,70.55%,87.15%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}24.9%,41.5%,49.8%,58.1%,66.4%,74.7%,91.3%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes tunnel{0%,16.517%,33.283%,41.583%,49.883%,58.183%,66.483%,83.083%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}16.6%,33.366%,41.666%,49.966%,58.266%,66.566%,83.166%{opacity:1;-webkit-transform:scale(.3);transform:scale(.3)}20.75%,37.35%,45.65%,53.95%,62.25%,70.55%,87.15%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}24.9%,41.5%,49.8%,58.1%,66.4%,74.7%,91.3%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes bubble{to{opacity:0;-webkit-transform:translateY(140px);transform:translateY(140px)}10%,90%{opacity:1}0%,5%{opacity:0}}@keyframes bubble{to{opacity:0;-webkit-transform:translateY(140px);transform:translateY(140px)}10%,90%{opacity:1}0%,5%{opacity:0}}.loader{left:50%;position:absolute;top:150%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:99}@-webkit-keyframes blur{0%{-webkit-filter:blur(0);filter:blur(0)}50%{-webkit-filter:blur(1px);filter:blur(1px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes blur{0%{-webkit-filter:blur(0);filter:blur(0)}50%{-webkit-filter:blur(1px);filter:blur(1px)}to{-webkit-filter:blur(0);filter:blur(0)}}#top1{-webkit-animation:move_top1 1.2s ease-out;animation:move_top1 1.2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:bottom center;transform-origin:bottom center}@-webkit-keyframes move_top1{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg);transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes move_top1{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg);transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}#top2{-webkit-animation:move_top2 1.2s ease-out;animation:move_top2 1.2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:bottom left;transform-origin:bottom left}@-webkit-keyframes move_top2{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg);transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes move_top2{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg);transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}#bottom1{-webkit-animation:move_bottom1 1.2s ease-out;animation:move_bottom1 1.2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes move_bottom1{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translateY(45%) scale(1.3) rotate(0deg);transform:translateY(45%) scale(1.3) rotate(0deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes move_bottom1{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translateY(45%) scale(1.3) rotate(0deg);transform:translateY(45%) scale(1.3) rotate(0deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}#bottom2{-webkit-animation:move_bottom2 1.2s ease-out;animation:move_bottom2 1.2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes move_bottom2{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(38%,1%) scale(1.3) rotate(-3.5deg);transform:translate(38%,1%) scale(1.3) rotate(-3.5deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes move_bottom2{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(38%,1%) scale(1.3) rotate(-3.5deg);transform:translate(38%,1%) scale(1.3) rotate(-3.5deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}#bottom3{-webkit-animation:move_bottom3 1.2s ease-out;animation:move_bottom3 1.2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:top right;transform-origin:top right}@-webkit-keyframes move_bottom3{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(12%,5%) scale(1.1) rotate(-1deg);transform:translate(12%,5%) scale(1.1) rotate(-1deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes move_bottom3{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(12%,5%) scale(1.1) rotate(-1deg);transform:translate(12%,5%) scale(1.1) rotate(-1deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}#bottom4{-webkit-animation:move_bottom4 1.2s ease-out;animation:move_bottom4 1.2s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes move_bottom4{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(-12%,5%) scale(1.1) rotate(0deg);transform:translate(-12%,5%) scale(1.1) rotate(0deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes move_bottom4{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}50%{-webkit-transform:translate(-12%,5%) scale(1.1) rotate(0deg);transform:translate(-12%,5%) scale(1.1) rotate(0deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}.svg{-webkit-animation:animationFrames 1.2s ease-in-out;animation:animationFrames 1.2s ease-in-out;-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:300px}@-webkit-keyframes animationFrames{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-2turn);transform:rotate(-2turn)}}@keyframes animationFrames{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-2turn);transform:rotate(-2turn)}}ul{list-style:none;margin:0;padding:0}#pack-opened{position:relative}#pack-opened .pack-flash{left:50%;perspective:5000px;-webkit-perspective:5000px;pointer-events:none;position:absolute;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;z-index:5}#pack-opened .pack-flash .pack-flash-light,#pack-opened .pack-flash .pack-flash-pack,#pack-opened .pack-flash .pack-flash-particles{left:0;position:absolute;top:0}#pack-opened .pack-flash .pack-flash-light,#pack-opened .pack-flash .pack-flash-particles{width:100%}#pack-opened.open .pack-flash .pack-flash-light{-webkit-animation:pack-flash-light 3s ease-out;animation:pack-flash-light 3s ease-out;opacity:0}#pack-opened.open .pack-flash .pack-flash-particles{-webkit-animation:pack-flash-particles 3s ease-out;animation:pack-flash-particles 3s ease-out;opacity:0}#pack-opened .pack-flash .pack-flash-pack{background-size:0 0;margin:10%;opacity:1;padding-top:55%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#pack-opened.open .pack-flash .pack-flash-pack{-webkit-animation:pack-flash-pack 3s ease-in-out;animation:pack-flash-pack 3s ease-in-out;opacity:0}#pack-opened .pack-flash .pack-flash-pack .front{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}#pack-opened .pack-flash .pack-flash-pack .bottom{height:6.74157303%;left:-5%;position:absolute;top:100%;width:110%}#pack-opened .pack-flash .pack-flash-pack .top{bottom:100%;left:0;position:absolute;width:100%}#pack-opened.open .pack-flash .pack-flash-pack .top{-webkit-animation:pack-flash-pack-top .9s ease-in 1.2s forwards;animation:pack-flash-pack-top .9s ease-in 1.2s forwards}#pack-opened .pack-flash .pack-flash-pack .top img,#pack-opened .pack-flash .pack-flash-pack .top span{float:left;height:100%;width:25%}#pack-opened .pack-flash .pack-flash-pack .top img{height:100%;width:100%}#pack-opened .pack-flash .pack-flash-pack .top .cut{bottom:0;opacity:0;position:absolute;top:100%;z-index:9}#pack-opened.open .pack-flash .pack-flash-pack .top .cut{-webkit-animation:pack-flash-pack-cut .9s ease-out;animation:pack-flash-pack-cut .9s ease-out;height:120px;margin-left:-60px;margin-top:-60px;opacity:0;width:120px}#pack-opened .pack-flash .pack-flash-pack .top .cut img{width:100%}#pack-opened .pack-flash .pack-flash-pack .top span{display:inline-block;-webkit-transform-origin:0 100%;transform-origin:0 100%}#pack-opened.open .pack-flash .pack-flash-pack .top span{-webkit-animation:pack-flash-pack-rip .75s ease-in-out .9s forwards;animation:pack-flash-pack-rip .75s ease-in-out .9s forwards}#pack-opened .pack-flash .pack-flash-pack .top>img{width:25%}#pack-opened .pack-flash .pack-flash-pack .top>span{width:75%}#pack-opened .pack-flash .pack-flash-pack .top>span>img{width:33.33%}#pack-opened .pack-flash .pack-flash-pack .top>span>span{width:66.66%}#pack-opened .pack-flash .pack-flash-pack .top>span>span>img,#pack-opened .pack-flash .pack-flash-pack .top>span>span>span{width:50%}#pack-opened .pack-flash .pack-flash-pack .top>span>span>span>img{width:100%}#pack-opened .pack-flash .pack-flash-pack .pack-count-corner{right:0;top:0;z-index:3}#pack-opened .cards-reveal{left:50%;perspective:5000px;-webkit-perspective:5000px;position:absolute;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;z-index:4}#pack-opened .cards-reveal ul{margin:50px;overflow:visible;position:relative}#pack-opened .cards-reveal ul li{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:300px}#pack-opened .cards-reveal ul li img{height:auto;width:80%}#pack-opened.open .cards-reveal ul li.card-00{-webkit-animation:card-spread-00 .5s ease forwards;animation:card-spread-00 .5s ease forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s;z-index:5}#pack-opened.open .cards-reveal ul li.card-01{-webkit-animation:card-spread-01 .5s ease forwards;animation:card-spread-01 .5s ease forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s;z-index:4}#pack-opened.open .cards-reveal ul li.card-02{-webkit-animation:card-spread-02 .5s ease forwards;animation:card-spread-02 .5s ease forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s;z-index:3}#pack-opened.open .cards-reveal ul li.card-03{-webkit-animation:card-spread-03 .5s ease forwards;animation:card-spread-03 .5s ease forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s;z-index:2}#pack-opened.open .cards-reveal ul li.card-04{-webkit-animation:card-spread-04 .5s ease forwards;animation:card-spread-04 .5s ease forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s;z-index:1}#pack-opened.open .cards-reveal ul li.gold{box-shadow:0 0 100px #fede3c}@-webkit-keyframes pack-flash-pack{0%{opacity:1;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}20%{opacity:1}40%{opacity:1;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}55%{-webkit-transform:translateY(0);transform:translateY(0)}75%{opacity:1;-webkit-transform:translateY(300%);transform:translateY(300%)}85%{opacity:0;-webkit-transform:translateY(300%);transform:translateY(300%)}}@keyframes pack-flash-pack{0%{opacity:1;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}20%{opacity:1}40%{opacity:1;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}55%{-webkit-transform:translateY(0);transform:translateY(0)}75%{opacity:1;-webkit-transform:translateY(300%);transform:translateY(300%)}85%{opacity:0;-webkit-transform:translateY(300%);transform:translateY(300%)}}@-webkit-keyframes pack-flash-pack-top{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{opacity:0}to{opacity:0;-webkit-transform:rotate(-180deg) translateX(200%);transform:rotate(-180deg) translateX(200%)}}@keyframes pack-flash-pack-top{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{opacity:0}to{opacity:0;-webkit-transform:rotate(-180deg) translateX(200%);transform:rotate(-180deg) translateX(200%)}}@-webkit-keyframes pack-flash-pack-cut{0%{left:0;opacity:0;-webkit-transform:rotate(0);transform:rotate(0)}30%{opacity:1}80%{opacity:1}to{left:100%;opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes pack-flash-pack-cut{0%{left:0;opacity:0;-webkit-transform:rotate(0);transform:rotate(0)}30%{opacity:1}80%{opacity:1}to{left:100%;opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes pack-flash-pack-rip{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@keyframes pack-flash-pack-rip{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@-webkit-keyframes pack-flash-light{0%{-webkit-transform:scale(.8) translateZ(-300px);transform:scale(.8) translateZ(-300px)}10%{opacity:1;-webkit-transform:scale(1) translateZ(-300px);transform:scale(1) translateZ(-300px)}50%{opacity:1}75%{opacity:0}}@keyframes pack-flash-light{0%{-webkit-transform:scale(.8) translateZ(-300px);transform:scale(.8) translateZ(-300px)}10%{opacity:1;-webkit-transform:scale(1) translateZ(-300px);transform:scale(1) translateZ(-300px)}50%{opacity:1}75%{opacity:0}}@-webkit-keyframes card-spread-00{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(-157.5%) translateY(-160px);transform:translateX(-157.5%) translateY(-160px)}}@keyframes card-spread-00{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(-157.5%) translateY(-160px);transform:translateX(-157.5%) translateY(-160px)}}@-webkit-keyframes card-spread-01{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(3%) translateY(-160px);transform:translateX(3%) translateY(-160px)}}@keyframes card-spread-01{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(3%) translateY(-160px);transform:translateX(3%) translateY(-160px)}}@-webkit-keyframes card-spread-02{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(157.5%) translateY(-160px);transform:translateX(157.5%) translateY(-160px)}}@keyframes card-spread-02{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(157.5%) translateY(-160px);transform:translateX(157.5%) translateY(-160px)}}@-webkit-keyframes card-spread-03{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(-102.5%) translateY(200px);transform:translateX(-102.5%) translateY(200px)}}@keyframes card-spread-03{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(-102.5%) translateY(200px);transform:translateX(-102.5%) translateY(200px)}}@-webkit-keyframes card-spread-04{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(102.5%) translateY(200px);transform:translateX(102.5%) translateY(200px)}}@keyframes card-spread-04{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(102.5%) translateY(200px);transform:translateX(102.5%) translateY(200px)}}.carta{cursor:pointer;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s}.frente,.tras{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;position:absolute}.tras{height:409px}.tras,.tras img{border-radius:18px;width:278px}.frente{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.frente,.frente img{border-radius:18px;height:409px;width:278px}.container{height:409px;margin:20px;-webkit-perspective:1000px;perspective:1000px;width:278px}.main-container{left:50%;margin:0 auto;position:absolute;top:-180%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.pokemon-top-part{background:#f22413;border:5px solid #333;border-radius:200px 200px 0 0;height:100px;margin:0 auto;width:200px}.pokemon-bottom-part{position:relative}.white-part{background:#fff;border:5px solid #333;border-radius:0 0 200px 200px;height:100px;margin:0 auto;width:200px}.black-line{height:25px;margin:0 auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:210px}.black-line,.black-line:after{background:#333;left:50%;position:absolute;top:0}.black-line:after{border-radius:50%;content:"";height:50px;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);width:50px}.black-line:before{background:#fff;border-radius:50%;content:"";height:30px;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-2px);transform:translate(-50%,-2px);width:30px;z-index:999}.signup-form{background:url(https://lh3.googleusercontent.com/4ObGgH3qiiOYrkZyd2dsxvvaulkjw2h-RF-I9744grYVGxz4dM_SYOW7EfUkvTIgUxtKOmpnYBrH0tDkJvsoYGLPYtAfgs_hM04Oyxo2QyiB19nNAOA0lqgQAX5Pf1i7qjCCN54cJnGW3jsmA2YbhHaL3cMSdKY8hzOk7QGXxyAALPANU-aQs88FlS9RT8uaL59K4yhFFHBhZzTZ9aj3dWxgrT0FRJy5fQJjM4qEZTnsrAc9cstFsyyYX7tHSQasMc9ER7ypAQjPHqj9gxEjLz4DDPFgY4vBx_3XgQ-fD5QdxCR3N5XuxFfovbeKwI2sPCfr4uP2IhNW484qPHD2uH1GCE1FQ8JZt8IXpsNevzVE0yNOmFGcHa044wGkTPCtjTQcZ0Y4KOnqBUDfKWqt5UkkKGz_C5QM3sDuMUHa4cNmwejLkF-RDrWNnPr_-4MYIziztw7ExYZYJ71HWEyPNRqREeSO4wgw2O38OyzTwE_eJ4K0KOYyqVGL8Jw9tn4bKpLJsoVtQ17rXg0N57uG41Jqa-P5q8AltDWmsePSzBstx5pAFbcrRkizwESHAlV_JnsYcNeIFUZTOSKDxZuvlafr9PVK3dbIdEp1EHz4QnM_4MCXRSaaP3Nu9FocxRd_nlOGDG1X-_sBpXLsmooM7bGmopx1HzUux9ROKzPyJg=w1135-h438-no) no-repeat;background-size:cover;border-radius:10px}.sign-back{background:linear-gradient(rgba(255,202,0,.4),#ffca00 40%);border-radius:10px;padding:45px 0}.sign-back h1{color:#fff;letter-spacing:5px;margin-top:0;text-align:center;text-shadow:1px 1px 1px #333;text-transform:uppercase}.signup-row{margin:20px 0;position:relative;text-align:center}.signup-row input{background:transparent;border:0;border-bottom:1px solid #fff;color:#fff;font-family:Ubuntu,sans-serif;outline:none;padding:5px 0;text-align:center;width:50%}.signup-row input::-webkit-input-placeholder{color:#fff;text-shadow:1px 1px 1px rgba(51,51,51,.4)}.signup-row i{color:#fff;left:20px;position:relative;text-shadow:1px 1px 1px rgba(51,51,51,.4)}.signup-row a{font-size:40px;text-decoration:none}.signup-row a i{left:0}.form-bottom{display:flex;justify-content:center}.remember:not(:last-child){color:#af942d;margin-right:30px}.remember:not(:last-child):hover{color:#fff;margin-right:30px;transition:all .5s}.remember a{color:#af942d;text-decoration:none;transition:all .5s}.remember a:hover{color:#fff;text-decoration:none}input[type=checkbox]{position:relative;top:1px;transition:all .5s}.main-forms{display:none;overflow:hidden;position:relative}.red-circle:before{background:#f22413}.top-up{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.bottom-down,.top-up{opacity:0;transition:all 1s}.bottom-down{-webkit-transform:translateY(100%);transform:translateY(100%)}.ball-appear{opacity:1;top:650%;transition:1s}.shake{-webkit-animation:shake 1.4s;animation:shake 1.4s}@-webkit-keyframes shake{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}10%{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}20%{-webkit-transform:translate(-50%,-50%) rotate(4deg);transform:translate(-50%,-50%) rotate(4deg)}30%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}40%{-webkit-transform:translate(-50%,-50%) rotate(4deg);transform:translate(-50%,-50%) rotate(4deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}60%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}70%{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}80%{-webkit-transform:translate(-50%,-50%) rotate(4deg);transform:translate(-50%,-50%) rotate(4deg)}90%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}}@keyframes shake{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}10%{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}20%{-webkit-transform:translate(-50%,-50%) rotate(4deg);transform:translate(-50%,-50%) rotate(4deg)}30%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}40%{-webkit-transform:translate(-50%,-50%) rotate(4deg);transform:translate(-50%,-50%) rotate(4deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}60%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}70%{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}80%{-webkit-transform:translate(-50%,-50%) rotate(4deg);transform:translate(-50%,-50%) rotate(4deg)}90%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-4deg);transform:translate(-50%,-50%) rotate(-4deg)}}
/*# sourceMappingURL=main.a4ae0d02.css.map*/