body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.navbar{height:10vh;width:100vw;background:#c8c8c8;background:linear-gradient(90deg,hsla(0,0%,78.4%,.56),rgba(75,216,231,.4486169468) 26%,#0052c8 90%)}.navbar,.navbar .navcontainer{z-index:100;display:flex;align-items:center;justify-content:space-between}.navbar .navcontainer{height:100%;width:100%;position:relative;box-shadow:0 .5px 0 .5px rgba(0,0,0,.2)}.navbar .navcontainer .logo{height:90%;width:15%;background-image:url(/static/media/Pokelogo.c12eb752.png);background-position:50%;background-size:100% 100%}.navbar .navcontainer .about,.navbar .navcontainer .create,.navbar .navcontainer .home{font-family:pokemonSolid;text-decoration:none;font-size:30px;color:#000;transition:all .5s}.navbar .navcontainer .about{padding-right:20px}.navbar .navcontainer .about:hover,.navbar .navcontainer .create:hover,.navbar .navcontainer .home:hover{text-shadow:.5px .5px .5px #000;font-size:35px}.CreateFormContainer{position:relative;width:100vw;height:90vh;background-image:url(/static/media/forest.1466af6a.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;display:flex;align-items:center;justify-content:center}.CreateFormContainer .FormBackground{background-color:#999;border-radius:10%;height:80%;width:30%;position:absolute;opacity:.3;box-shadow:2px 2px #000}.CreateFormContainer .PokeFormCardContainer{position:absolute;height:80%;width:30%;left:65%;border-radius:10%;display:flex;justify-content:center;align-items:center;opacity:1}.CreateFormContainer .PokeFormCardContainer .PokeFormCard{height:80%;width:70%;border-radius:10%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:none;backface-visibility:none;-webkit-animation:rotateCard 5s 1;animation:rotateCard 5s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .linkCard{width:100%;height:100%;position:absolute;z-index:100;left:0;right:0}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .backCard{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-image:url(/static/media/backcard.c063173c.png);background-repeat:no-repeat;background-size:101% 100%;background-position-x:-1px;-webkit-transform:rotatey(180deg) translateZ(1px);transform:rotatey(180deg) translateZ(1px)}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .backCard,.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard{-webkit-backface-visibility:none;backface-visibility:none;height:100%;width:100%;border-radius:5%;position:absolute;box-shadow:0 20px 30px rgba(0,0,0,.5)}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .effect{position:absolute;height:100%;width:100%;margin:auto;border-radius:5%;background-image:url(/static/media/sparkles.6aa4315d.gif),linear-gradient(125deg,rgba(255,0,132,.3137254902) 15%,rgba(252,164,0,.2509803922) 30%,rgba(255,255,0,.1882352941) 40%,rgba(0,255,138,.1254901961) 60%,rgba(0,207,255,.2509803922) 70%,rgba(204,76,250,.3137254902) 85%);background-position:50% 50%;background-size:200%;background-blend-mode:overlay;z-index:2;mix-blend-mode:color-dodge;opacity:.8}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .hp{height:5%;width:20%;position:relative;top:2%;left:75%;background-color:#fff;border-radius:1em;justify-content:center;display:flex;align-items:center}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .hp p{margin:0;font-size:16px;font-weight:600}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .hp span{font-size:11px;letter-spacing:.4px;font-weight:700;padding-top:5px;text-align:end}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .nombre{height:8%;width:100%;top:-3%;position:relative;font-family:pokemonSolid;color:#fff;font-size:2em;text-align:center;margin-top:0;letter-spacing:2.5px}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .imagen{height:50%;width:100%;top:2%;position:relative}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .imagen img{height:90%;width:90%;margin:20px auto;position:relative}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .types{height:6%;width:100%;top:2%;position:relative;display:flex;justify-content:space-around;margin:5px 0;z-index:0}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .types span{width:25%;font-size:14px;letter-spacing:.4px;font-weight:700;padding:6px 10px;border-radius:20px;color:#fff;text-align:center;z-index:0;box-shadow:0 2px 2px rgba(0,0,0,.15)}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats{height:27%;width:100%;top:2%;position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .bottom,.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .top{width:100%;height:40%;display:flex;align-items:center;justify-content:space-evenly}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .bottom .stat,.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .top .stat{width:15%;height:100%;background-color:#fff;border-radius:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.15)}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .bottom span,.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .top span{font-size:12px;color:#000;font-weight:600;margin:0}.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .bottom p,.CreateFormContainer .PokeFormCardContainer .PokeFormCard .frontCard .stats .top p{margin:0;font-size:15px;font-weight:600}.CreateFormContainer .CreateForm{display:flex;flex-direction:column;height:80%;width:30%}.CreateFormContainer .CreateForm .Input{position:relative;height:10%;display:flex;align-items:center}.CreateFormContainer .CreateForm .Input .Input-label{position:absolute;left:0;height:100%;width:30%}.CreateFormContainer .CreateForm .Input .Input-value{width:10%;height:100%;position:absolute;right:5%}.CreateFormContainer .CreateForm .Input .Input-input{width:50%;position:relative;left:30%;text-align:center}.CreateFormContainer .CreateForm .Input .input-box{padding:0 0 0 5px;border-radius:10px;border:1px solid #ddd;background-color:#ddd;font-family:pokemonSolid;line-height:.2}.CreateFormContainer .CreateForm .Input .ErrorForm{outline:3px solid red;-webkit-animation:errorForm .2s 1;animation:errorForm .2s 1}.CreateFormContainer .CreateForm .Input .input-range{cursor:pointer}.CreateFormContainer .CreateForm .optionSelector{position:relative;height:10%;display:flex;align-items:center}.CreateFormContainer .CreateForm .optionSelector .OptionSelector-label{position:absolute;width:30%;height:100%;left:0}.CreateFormContainer .CreateForm .formButtons{height:10%;width:100%;display:flex;align-items:center;justify-content:space-around}.CreateFormContainer .CreateForm .formButtons button{width:30%;height:70%;border:none;border-radius:20px;font-family:pokemonSolid;text-align:center;cursor:pointer;z-index:1}.CreateFormContainer .CreateForm .formButtons button:hover{box-shadow:1px 1px 1px 1px rgba(0,0,0,.4)}.CreateFormContainer .CreateForm .formButtons button:active{box-shadow:-1px -1px 1px 1px rgba(0,0,0,.4)}.CreateFormContainer .CreateForm label{font-family:pokemonSolid;font-size:20px}.CreateFormContainer .CreateForm select{width:50%;margin:0;font-family:pokemonSolid;border-radius:10px;border:1px solid #ddd;background-color:#ddd;font-size:14px;text-align:center;position:relative;left:30%;cursor:pointer}.CreateFormContainer .CreateForm .ErrorSelector{outline:3px solid red;-webkit-animation:errorForm .2s 1;animation:errorForm .2s 1}@-webkit-keyframes errorForm{0%{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}25%{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}50%{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}to{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}}@keyframes errorForm{0%{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}25%{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}50%{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}to{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}}@-webkit-keyframes rotateCard{0%{-webkit-transform:perspective(5000px) rotateY(180deg);transform:perspective(5000px) rotateY(180deg)}to{-webkit-transform:perspective(5000px) rotateY(0deg);transform:perspective(5000px) rotateY(0deg)}}@keyframes rotateCard{0%{-webkit-transform:perspective(5000px) rotateY(180deg);transform:perspective(5000px) rotateY(180deg)}to{-webkit-transform:perspective(5000px) rotateY(0deg);transform:perspective(5000px) rotateY(0deg)}}@-webkit-keyframes entryCard{0%{opacity:0}to{opacity:1}}@keyframes entryCard{0%{opacity:0}to{opacity:1}}.cardDetailContainer{border-radius:2em;width:100%;height:100%;box-shadow:0 20px 30px rgba(0,0,0,.15);position:relative}.cardDetailContainer .imagen{width:50%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2em}.cardDetailContainer .imagen .img{height:90%;width:90%;left:0;top:0}.cardDetailContainer .details{width:50%;height:100%;position:absolute;left:50%;top:0;border-radius:2em;background-color:hsla(0,0%,66.7%,.3)}.cardDetailContainer .details .nameContainer{width:100%;height:20%;display:flex;justify-content:center;align-items:center}.cardDetailContainer .details .nameContainer .name{position:relative;font-family:pokemonSolid;font-size:3em;color:#000;letter-spacing:.1em}.cardDetailContainer .details .types{width:100%;height:10%;display:flex;align-items:center;justify-content:space-around}.cardDetailContainer .details .types span{height:50%;width:20%;border-radius:2em;text-align:center;font-size:1.5em;font-weight:800;box-shadow:0 2px 2px rgba(0,0,0,.15);color:#fff}.cardDetailContainer .details .stats{width:100%;height:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.cardDetailContainer .details .stats .left,.cardDetailContainer .details .stats .right{height:100%;width:40%;flex-direction:column;justify-content:space-around;display:flex;align-items:center;justify-content:space-evenly}.cardDetailContainer .details .stats .left .stat,.cardDetailContainer .details .stats .right .stat{width:40%;height:20%;background-color:#fff;border-radius:10%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.15)}.cardDetailContainer .details .stats .left span,.cardDetailContainer .details .stats .right span{font-size:.8em;color:#000;font-weight:600;margin:0}.cardDetailContainer .details .stats .left p,.cardDetailContainer .details .stats .right p{margin:0;font-size:1.2em;font-weight:600}.DetailsContainer{height:90vh;width:100vw;background-image:url(/static/media/forest.1466af6a.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center}.DetailsContainer .ControlButtons{height:10%;width:60%;position:relative;display:flex;align-items:center;justify-content:space-around}.DetailsContainer .ControlButtons .ButtonContainer{width:12%;height:50%}.DetailsContainer .ControlButtons .ButtonContainer button{width:100%;height:100%;cursor:pointer;border-radius:1em;border:none;font-family:pokemonSolid}.DetailsContainer .ControlButtons .ButtonContainer button:hover{box-shadow:1px 1px 1px 1px rgba(0,0,0,.4)}.DetailsContainer .ControlButtons .ButtonContainer button:active{box-shadow:-1px -1px 1px 1px rgba(0,0,0,.4)}.DetailsContainer .CardDetail{height:80%;width:60%;border-radius:3em;position:relative}.DetailsContainer .CardDetail .LoadingPage{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-image:url(/static/media/loading3.0a9aeca9.gif);background-repeat:no-repeat;background-position:50%;background-size:contain}.DetailsContainer .CardDetail .ErrorContainer{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;-webkit-animation:pokeAparition 1s 1;animation:pokeAparition 1s 1}.DetailsContainer .CardDetail .ErrorContainer .errorPokedex{height:90%;width:60%;background-image:url(/static/media/Pokedex.188959a4.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.DetailsContainer .CardDetail .ErrorContainer .errorPokedex .errorScreen{height:18%;width:28%;position:relative;left:12%;top:32.6%;border-radius:5%;background-image:url(/static/media/errorScreen.42f5272b.gif)}.DetailsContainer .CardDetail .ErrorContainer .errorPokedex .errorMsgContainer{height:19%;width:26.6%;position:relative;left:62%;top:8%;border-radius:5%;display:flex;justify-content:center;align-items:center}.DetailsContainer .CardDetail .ErrorContainer .errorPokedex .errorMsgContainer .errorMsg{font-family:pokemonSolid;font-size:1.1em;color:#fff;-webkit-animation:errorMsg 1s infinite;animation:errorMsg 1s infinite}*{box-sizing:border-box}.Pokecontainer .container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/static/media/forest.1466af6a.jpg);background-repeat:no-repeat;background-position:50%;background-size:100% 100%;height:100vh;width:100vw}.Pokecontainer .container .pokedex{height:80vh;width:50vw;position:absolute;display:flex}.Pokecontainer .container .pokedex .leftSide{height:100%;width:50%;background-image:url(/static/media/Pokedex.188959a4.png);background-origin:content-box;background-repeat:no-repeat;background-size:50vw 80vh;position:absolute}.Pokecontainer .container .pokedex .leftSide .bigLed{width:17.5%;height:11%;border-radius:50%;position:absolute;left:5.4%;top:3.5%;margin:0 auto;background-color:#0400ff;opacity:0;-webkit-animation:ledBlue .3s .5s 2;animation:ledBlue .3s .5s 2}.Pokecontainer .container .pokedex .leftSide .redLed{width:3.5%;height:2.5%;border-radius:50%;position:absolute;left:29%;top:3.8%;margin:0 auto;background-color:red;opacity:0;-webkit-animation:ledRed .3s 3.3s 1;animation:ledRed .3s 3.3s 1}.Pokecontainer .container .pokedex .leftSide .yellowLed{width:3.5%;height:2.5%;border-radius:50%;position:absolute;left:37.15%;top:3.8%;margin:0 auto;background-color:#ff0;opacity:0;-webkit-animation:ledYellow .3s 3.6s 1;animation:ledYellow .3s 3.6s 1}.Pokecontainer .container .pokedex .leftSide .greenLed{width:3.5%;height:2.5%;border-radius:50%;position:absolute;left:45.3%;top:3.8%;margin:0 auto;background-color:#18ec18;opacity:0;-webkit-animation:ledGreen .3s 3.9s 1;animation:ledGreen .3s 3.9s 1}.Pokecontainer .container .pokedex .leftSide .screen{width:55.5%;height:20%;position:absolute;border-radius:4%;left:24%;top:30.6%;margin:0 auto;background-color:#e6e4e4;background-image:url(/static/media/pikachu-running.176efa05.gif);background-size:100% 100%;opacity:0;-webkit-animation:screen 5s 4.2s 1;animation:screen 5s 4.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Pokecontainer .container .pokedex .mitad{height:100%;width:100%;right:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(1000px) rotateY(-185deg);transform:perspective(1000px) rotateY(-185deg);-webkit-backface-visibility:none;backface-visibility:none;-webkit-animation:rotar 2s cubic-bezier(.645,.045,.355,1) 1.5s 1;animation:rotar 2s cubic-bezier(.645,.045,.355,1) 1.5s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Pokecontainer .container .pokedex .mitad .rightSide{height:100%;width:50%;right:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute}.Pokecontainer .container .pokedex .mitad .rightSide .front{height:100%;width:100%;right:0;background-image:url(/static/media/Pokedex.188959a4.png);background-origin:content-box;background-repeat:no-repeat;background-size:50vw 80vh;background-position-x:right;position:absolute}.Pokecontainer .container .pokedex .mitad .rightSide .front .ledAmarillo{width:11.5%;height:7.2%;border-radius:50%;position:absolute;left:71.75%;top:69.25%;margin:0 auto;background-color:#ff0;opacity:0;-webkit-animation:ledAmarillo .5s 6.2s infinite;animation:ledAmarillo .5s 6.2s infinite}.Pokecontainer .container .pokedex .mitad .rightSide .front .enterButton{width:30%;height:6.8%;border-radius:1%;position:absolute;left:18.2%;top:85%;margin:0 auto;box-shadow:2px 2px 2px 2px rgba(0,0,0,.4);-webkit-animation:enterButton 1s 7s infinite;animation:enterButton 1s 7s infinite}.Pokecontainer .container .pokedex .mitad .rightSide .front .enterButton a{height:100%;width:100%;position:absolute;left:0;text-decoration:none;color:#fff;text-align:center;font-family:pokemonSolid;letter-spacing:2.5px}.Pokecontainer .container .pokedex .mitad .rightSide .right{height:76.2%;width:10%;left:94.5%;background-image:url(/static/media/Lado-derecho.94633cd2.png);background-origin:content-box;background-repeat:no-repeat;-webkit-backface-visibility:none;backface-visibility:none;background-size:100% 100%;background-position-x:left;position:absolute;bottom:3%;-webkit-transform:rotateY(90deg) translateX(1.125vw);transform:rotateY(90deg) translateX(1.125vw)}.Pokecontainer .container .pokedex .mitad .rightSide .back{height:79%;width:100%;right:0;background-image:url(/static/media/Trasero.66112556.png);background-origin:content-box;background-repeat:no-repeat;background-size:100% 100%;background-position-x:left;position:absolute;bottom:0;-webkit-transform:rotatey(180deg) translateZ(1.125vw);transform:rotatey(180deg) translateZ(1.125vw)}@-webkit-keyframes rotar{0%{-webkit-transform:perspective(1000px) rotateY(-185deg);transform:perspective(1000px) rotateY(-185deg)}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@keyframes rotar{0%{-webkit-transform:perspective(1000px) rotateY(-185deg);transform:perspective(1000px) rotateY(-185deg)}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@-webkit-keyframes ledBlue{0%{opacity:0}50%{opacity:.3;box-shadow:0 0 3px 3px #2600ff}to{opacity:0}}@keyframes ledBlue{0%{opacity:0}50%{opacity:.3;box-shadow:0 0 3px 3px #2600ff}to{opacity:0}}@-webkit-keyframes ledYellow{0%{opacity:0}50%{opacity:.4;box-shadow:0 0 5px 5px rgba(251,255,0,.842)}to{opacity:0}}@keyframes ledYellow{0%{opacity:0}50%{opacity:.4;box-shadow:0 0 5px 5px rgba(251,255,0,.842)}to{opacity:0}}@-webkit-keyframes ledRed{0%{opacity:0}50%{opacity:.4;box-shadow:0 0 5px 5px rgba(250,4,4,.842)}to{opacity:0}}@keyframes ledRed{0%{opacity:0}50%{opacity:.4;box-shadow:0 0 5px 5px rgba(250,4,4,.842)}to{opacity:0}}@-webkit-keyframes ledGreen{0%{opacity:0}50%{opacity:.4;box-shadow:0 0 5px 5px rgba(60,255,0,.842)}to{opacity:0}}@keyframes ledGreen{0%{opacity:0}50%{opacity:.4;box-shadow:0 0 5px 5px rgba(60,255,0,.842)}to{opacity:0}}@-webkit-keyframes ledAmarillo{0%{opacity:0}50%{opacity:.2;box-shadow:0 0 5px 5px rgba(251,255,0,.842)}to{opacity:0}}@keyframes ledAmarillo{0%{opacity:0}50%{opacity:.2;box-shadow:0 0 5px 5px rgba(251,255,0,.842)}to{opacity:0}}@-webkit-keyframes screen{0%{opacity:0}10%{opacity:.6;background-image:url(/static/media/errorScreen.42f5272b.gif)}15%{opacity:0}20%{opacity:.8}25%{opacity:.4}30%{opacity:0}to{opacity:1;box-shadow:0 0 3px 3px #f8f0f0;background-image:url(/static/media/pikachu-running.176efa05.gif)}}@keyframes screen{0%{opacity:0}10%{opacity:.6;background-image:url(/static/media/errorScreen.42f5272b.gif)}15%{opacity:0}20%{opacity:.8}25%{opacity:.4}30%{opacity:0}to{opacity:1;box-shadow:0 0 3px 3px #f8f0f0;background-image:url(/static/media/pikachu-running.176efa05.gif)}}@-webkit-keyframes enterButton{0%{box-shadow:2px 2px 2px 2px rgba(0,0,0,.4)}50%{box-shadow:4px 4px 4px 4px rgba(0,0,0,.1)}to{box-shadow:2px 2px 2px 2px rgba(0,0,0,.4)}}@keyframes enterButton{0%{box-shadow:2px 2px 2px 2px rgba(0,0,0,.4)}50%{box-shadow:4px 4px 4px 4px rgba(0,0,0,.1)}to{box-shadow:2px 2px 2px 2px rgba(0,0,0,.4)}}.FilterBarContainer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.FilterBarContainer .filter{position:absolute;left:1%;top:22%;width:12%;height:50%}.FilterBarContainer .filter .label{font-family:pokemonSolid;font-size:20px}.FilterBarContainer .filter select{width:80%;margin:15px;font-family:pokemonSolid;border-radius:10px;border:1px solid #ddd;background-color:#ddd;font-size:14px;text-align:center;cursor:pointer}.FilterBarContainer .pageControl{position:relative;left:12%;width:88%;height:10%;display:flex;align-items:center;justify-content:center}.FilterBarContainer .pageControl .PagesContainer{height:90%;width:50%;display:flex;align-items:center;justify-content:space-around}.FilterBarContainer .pageControl .PagesContainer .nextContainer,.FilterBarContainer .pageControl .PagesContainer .previousContainer{height:100%;width:20%;display:flex;align-items:center;justify-content:center}.FilterBarContainer .pageControl .PagesContainer .next,.FilterBarContainer .pageControl .PagesContainer .previous{height:60%;width:60%;border-radius:50%;border:1px solid #ddd;transition:all .3s;font-family:pokemonSolid;padding-bottom:20px}.FilterBarContainer .pageControl .PagesContainer .pagesNumberContainer{height:100%;width:50%;display:flex;align-items:center;justify-content:center}.FilterBarContainer .pageControl .PagesContainer .pagesNumberContainer .pageNumbers{width:10%;height:60%;margin-left:.5%;border-radius:50%;border:2px solid #ddd;transition:all .5s;font-family:pokemonSolid;text-align:center}.FilterBarContainer .pageControl .PagesContainer .pagesNumberContainer .activeButton{background-color:#aaa;border:2px solid #aaa}.FilterBarContainer .pageControl .PagesContainer .next:hover,.FilterBarContainer .pageControl .PagesContainer .pageNumbers:hover,.FilterBarContainer .pageControl .PagesContainer .previous:hover{-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:1px 1px 1px 1px rgba(0,0,0,.2)}.FilterBarContainer .pageControl .PagesContainer .next:active,.FilterBarContainer .pageControl .PagesContainer .pageNumbers:active,.FilterBarContainer .pageControl .PagesContainer .previous:active{-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:-1px -1px 1px 1px rgba(0,0,0,.4)}.HomeContainer{position:relative;width:100vw;height:90vh;background-image:url(/static/media/forest.1466af6a.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.HomeContainer .deck{display:flex;flex-wrap:wrap}.HomeContainer .SearchBar{width:12%;height:20%;position:relative;top:2%;left:1%;z-index:10}.HomeContainer .SearchBar .SearchBar__label{font-family:pokemonSolid;font-size:20px}.HomeContainer .SearchBar input{padding:0 0 0 5px;border-radius:10px;border:1px solid #ddd;margin-bottom:10px;background-color:#ddd;font-family:pokemonSolid;line-height:.2}.HomeContainer .SearchBar .NoEntry{border:3px solid red;-webkit-animation:error .2s 0s;animation:error .2s 0s}.HomeContainer .SearchBar .SearchBar__buttons{width:100%;height:25%;display:flex;align-items:center}.HomeContainer .SearchBar .SearchBar__buttons .SearchBar__buttons-button{width:30%;height:25%;border-radius:20%;border:none;font-family:pokemonSolid}.HomeContainer .SearchBar .SearchBar__buttons .searchButton{position:absolute;left:5%;cursor:pointer}.HomeContainer .SearchBar .SearchBar__buttons .allButton{position:absolute;right:5%;cursor:pointer}.HomeContainer .SearchBar .SearchBar__buttons .allButton:hover,.HomeContainer .SearchBar .SearchBar__buttons .searchButton:hover{box-shadow:1px 1px 1px 1px rgba(0,0,0,.4)}.HomeContainer .SearchBar .SearchBar__buttons .allButton:active,.HomeContainer .SearchBar .SearchBar__buttons .searchButton:active{box-shadow:-1px -1px 1px 1px rgba(0,0,0,.4)}.HomeContainer .Deck{position:absolute;left:14%;top:10%;z-index:10;height:80vh;width:86vw}.HomeContainer .Deck .LoadingPage{background-image:url(/static/media/loading3.0a9aeca9.gif);background-repeat:no-repeat;background-position:50%;background-size:contain}.HomeContainer .Deck .ErrorContainer,.HomeContainer .Deck .LoadingPage{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.HomeContainer .Deck .ErrorContainer{position:absolute;-webkit-animation:pokeAparition 1s 1;animation:pokeAparition 1s 1}.HomeContainer .Deck .ErrorContainer .errorPokedex{height:90%;width:60%;background-image:url(/static/media/Pokedex.188959a4.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.HomeContainer .Deck .ErrorContainer .errorPokedex .errorScreen{height:20%;width:25%;position:relative;left:16.5%;top:30.55%;border-radius:5%;background-image:url(/static/media/errorScreen.42f5272b.gif)}.HomeContainer .Deck .ErrorContainer .errorPokedex .errorMsgContainer{height:19%;width:26.6%;position:relative;left:59.2%;top:6%;border-radius:5%;display:flex;justify-content:center;align-items:center}.HomeContainer .Deck .ErrorContainer .errorPokedex .errorMsgContainer .errorMsg{font-family:pokemonSolid;font-size:1.5em;color:#fff;-webkit-animation:errorMsg 1s infinite;animation:errorMsg 1s infinite}@-webkit-keyframes pokeAparition{0%{opacity:0}to{opacity:1}}@keyframes pokeAparition{0%{opacity:0}to{opacity:1}}@-webkit-keyframes errorMsg{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes errorMsg{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes error{0%{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}25%{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}50%{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}to{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}}@keyframes error{0%{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}25%{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}50%{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}to{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}}@font-face{font-family:pokemonSolid;src:url(/static/media/PokemonSolid.5d60be1f.ttf)}.commonCard{border-radius:10px;width:230px;height:290px;padding:10px;margin:20px;min-width:12vw;min-height:28vh;overflow:hidden;box-shadow:0 0 5px 5px rgba(0,0,0,.15);position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(1200px) rotateY(0deg);transform:perspective(1200px) rotateY(0deg)}.commonCard .effect{top:0;border-radius:10px;background-image:url(/static/media/sparkles.6aa4315d.gif),linear-gradient(125deg,rgba(255,0,132,.3137254902) 15%,rgba(252,164,0,.2509803922) 30%,rgba(255,255,0,.1882352941) 40%,rgba(0,255,138,.1254901961) 60%,rgba(0,207,255,.2509803922) 70%,rgba(204,76,250,.3137254902) 85%);background-position:50% 50%;background-size:200%;background-blend-mode:overlay;z-index:1;mix-blend-mode:color-dodge;opacity:.5}.commonCard .effect,.commonCard .linkCard{position:absolute;height:100%;width:100%;left:0}.commonCard .linkCard{z-index:100;right:0}.commonCard .imagen{height:50%;width:100%;position:absolute;left:0;margin:10% auto}.commonCard .imagen .img{position:absolute;height:90%;width:90%;left:5%;top:5%}.commonCard .link{text-decoration:none;color:#000;z-index:3}.commonCard .name{margin:-12% 0 0;text-align:center;font-weight:100;color:#fff;font-family:pokemonSolid;letter-spacing:2.5px}.commonCard .types{display:flex;justify-content:space-around;align-items:center;margin:5px 0;position:relative;top:69%;height:15%}.commonCard .types span{font-size:14px;letter-spacing:.4px;width:30%;font-weight:600;padding:6px 0;border-radius:20px;color:#fff}.commonCard:hover{-webkit-animation:hoverCard 2s cubic-bezier(.645,.045,.355,1) infinite;animation:hoverCard 2s cubic-bezier(.645,.045,.355,1) infinite}@-webkit-keyframes hoverCard{0%{-webkit-transform:perspective(1200px) rotateY(0deg);transform:perspective(1200px) rotateY(0deg);box-shadow:0 0 5px 5px rgba(0,0,0,.15)}30%{box-shadow:10px 10px 8px 8px rgba(0,0,0,.2)}40%{-webkit-transform:perspective(1200px) rotateY(20deg);transform:perspective(1200px) rotateY(20deg);box-shadow:10px 10px 8px 8px rgba(0,0,0,.2)}70%{-webkit-transform:perspective(1200px) rotateY(-20deg);transform:perspective(1200px) rotateY(-20deg);box-shadow:10px 10px 8px 8px rgba(0,0,0,.2)}to{-webkit-transform:perspective(1200px) rotateY(0deg);transform:perspective(1200px) rotateY(0deg);box-shadow:0 0 5px 5px rgba(0,0,0,.15)}}@keyframes hoverCard{0%{-webkit-transform:perspective(1200px) rotateY(0deg);transform:perspective(1200px) rotateY(0deg);box-shadow:0 0 5px 5px rgba(0,0,0,.15)}30%{box-shadow:10px 10px 8px 8px rgba(0,0,0,.2)}40%{-webkit-transform:perspective(1200px) rotateY(20deg);transform:perspective(1200px) rotateY(20deg);box-shadow:10px 10px 8px 8px rgba(0,0,0,.2)}70%{-webkit-transform:perspective(1200px) rotateY(-20deg);transform:perspective(1200px) rotateY(-20deg);box-shadow:10px 10px 8px 8px rgba(0,0,0,.2)}to{-webkit-transform:perspective(1200px) rotateY(0deg);transform:perspective(1200px) rotateY(0deg);box-shadow:0 0 5px 5px rgba(0,0,0,.15)}}
/*# sourceMappingURL=main.674a2ef8.chunk.css.map */