@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900);@import url(https://fonts.googleapis.com/css?family=Gilda+Display);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}.App{justify-content:center;min-height:100vh;text-align:center}.layout{display:grid;grid:"header" auto "main" 1fr "footer" auto/1fr;height:75vh;width:100%}.header{background-color:aqua;grid-area:header}.sidebar{background-color:brown}.main{background-color:bisque;grid-area:main}.footer{background-color:#2e8b57;grid-area:footer}.filters{grid-gap:20px;display:flex;justify-content:space-evenly;margin:10px 10px 20px}.card-container{color:#f0f8ff;height:90vh}.cmp-cards{align-self:center;width:75em}.cmp-container-cards{align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:4.5em;justify-content:center;max-width:60vw;padding-top:50px}.cmp-card{background-image:url(/static/media/black_bk6.2021b3919c2407591b53.jpg);background-size:cover;border:2px solid #fff;border-radius:20px;-webkit-border-radius:20px;box-shadow:0 0 10px 10px #ec731e;-webkit-box-shadow:0 0 10px 10px #ecb51ee4;gap:8px;height:15em;padding:15px;width:15em}.cmp-card,.cmp-card:hover{transition:all .5s ease-in-out}.cmp-card:hover{transform:scale(1.1)}.cmp-card_img{height:80px;transition:all .5s ease-in-out;width:80px}.cmp-card_img:hover{transform:scale(1.3);transition:all .5s ease-in-out}h1,p{color:#fff}.cmp-container-home{color:#fff;display:flex;flex-direction:column;float:right;justify-content:center;width:85em}p{padding:10px}#wrapper{margin:0 auto;width:98vw}#header{height:75px}#navigation{float:left;height:40px;width:100%}#contentliquid{float:left;width:100vw}#content{height:60vh;margin-left:150px}#footer{clear:both;height:20px;width:100%}.loading{height:550px}.cartas,.loading{align-self:center;justify-content:center}.cartas{display:flex;flex-direction:row;flex-wrap:wrap;gap:3em}.btn-all-poke{background-color:transparent;border:none;box-shadow:3px 3px 6px 0 #ecb51ee4}.btn-all-poke,.btn-all-poke:active{border-radius:7px;color:#fff;cursor:pointer;padding:.5rem}.btn-all-poke:active{box-shadow:0 0 0 0}.filters input,select{border-radius:7px}.form__group{margin-top:5px;max-width:180px;padding:10px 0 0;position:relative}.form__field{background:transparent;border:none;border-bottom:2px solid #ecb51ee4;color:#fff;font-family:inherit;font-size:15px;font-weight:lighter;outline:0;padding:7px 0;transition:border-color .2s}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{cursor:text;font-size:17px;top:20px}.form__label{color:#9b9b9b;display:block;font-size:17px;pointer-events:none;position:absolute;top:0;transition:.2s}.form__field:focus{border-image:linear-gradient(90deg,#f0ff23,#ecb51ee4);border-image-slice:1;border-width:3px;font-weight:700;padding-bottom:6px}.form__field:focus~.form__label{color:#ecb51ee4;display:block;font-size:17px;font-weight:500;position:absolute;top:0;transition:.2s}.form__field:invalid,.form__field:required{box-shadow:none}.paginate{align-self:center;display:flex;gap:10px;margin-top:5px}.container-pagginate{display:flex;flex-direction:column}.btn-number{background-color:transparent;border-radius:7px;box-shadow:3px 3px 4px 0 #ecb51ee4;color:#fff;padding:10px}.btn-number:hover{background-color:#fff;color:#000}.btn-number:active{box-shadow:0 0 0 0;padding:10px}.cmp-notFound{align-items:center;display:flex;justify-content:center}.cmp-notFound_text{-webkit-text-stroke:2px rgba(209,238,25,.5);color:transparent;font-size:4.5em}.loading{height:500px;transform:rotateY(180deg);width:500px}.cmp-nav{align-items:flex-start;display:flex;justify-content:space-evenly}.pokemon-logo{filter:drop-shadow(7px 5px 5px #ecb51ee4);height:150px;width:550px}.grow1{flex-grow:1;text-align:center}.shrink0{align-content:center;flex-shrink:0}.botones{align-items:center}.botones,.navbar-nav{display:flex;flex-direction:column}.navbar-nav{color:#fff;flex-wrap:wrap;gap:5em;list-style:none}.navbar-nav li{color:hsla(0,0%,100%,.781);cursor:pointer;display:inline-block;font-size:19px;text-decoration:none}.container-cards{color:#fff;display:grid;grid:"sidebar body" 7fr/1fr 8fr;height:100%;justify-content:center;text-align:center}.sidebar{display:flex;flex-direction:column;gap:8px;grid-area:sidebar}.body{grid-area:body}#leftcolumn{float:left;margin-top:8em;text-decoration:none;width:12em}#header{float:left;height:auto;width:100%}.title{-webkit-text-stroke:1px #ecb51ee4;color:#1e00fa;font-family:Mr Dafoe,cursive;font-size:100px;margin:-20px 0 0 300px;position:absolute;z-index:20}.title:before{color:#ff005b;content:attr(data-text);filter:blur(5px);position:absolute;z-index:-1}.nav-link{background-color:transparent;border:none;border-radius:7px;box-shadow:3px 3px 6px 0 #ecb51ee4;color:#fff;font-size:auto;padding:.5rem;text-decoration:none}.nav-link,button{cursor:pointer}ul{list-style:none}body{color:#afafaf;color:var(--white)}.container-form{margin:20px auto;max-width:800px;padding:10rem 1rem 0}.my-form{border-radius:1rem;box-shadow:0 0 20px 9px #ecb51ee4;box-shadow:0 0 20px 9px var(--shadowPage);margin-top:2rem;padding:.5rem 0}.title-form{filter:drop-shadow(5px 3px 3px #ecb51ee4);filter:drop-shadow(5px 3px 3px var(--shadowPage))}.my-form h1{margin-bottom:1.5rem;padding-top:.5rem}.my-form .grid>:not(:last-child),.my-form li{margin-bottom:1rem}.my-form button,.my-form input{background:#242424;background:var(--bgFormEls);border:1px solid rgba(50,50,47,.659);border:1px solid var(--borderFormEls);border-radius:.5rem;color:#afafaf;color:var(--white);line-height:1.5;margin:auto;padding:15px 10px;transition:background-color .3s cubic-bezier(.57,.21,.69,1.25),transform .3s cubic-bezier(.57,.21,.69,1.25);width:90%}.my-form ::placeholder{color:inherit}.my-form input:focus,.my-form select:focus{transform:scale(1.02)}.my-form .required-msg{background:url(https://api.popsy.co/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBakFGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--86dee87c3ef8d917fd96c9c5dc679763f965c0b6/Asterisco.png) no-repeat 0/20px 20px;display:none;padding-left:20px}.my-form .btn-grid{overflow:hidden;position:relative;transition:filter .2s}.my-form button{font-weight:700}.my-form button>*{display:inline-block;transition:transform .4s ease-in-out;width:100%}.my-form button:enabled:hover .front,.my-form button:focus .front{transform:translateX(110%)}@media screen and (min-width:600px){.my-form .grid{grid-gap:1.5rem;display:grid}.my-form .grid-2{grid-template-columns:1fr 1fr}.my-form .grid-3{align-items:center;grid-template-columns:auto auto auto;margin:0 6rem}.my-form .grid>:not(:last-child){margin-bottom:0}.my-form .required-msg{display:block}}.cmp-form-valid_name,.cmp-form-valid_number_left{right:28rem}.cmp-form-valid_name,.cmp-form-valid_number_left,.cmp-form-valid_number_right{color:#e31b23;color:var(--red);font-size:.6rem;font-weight:700;position:absolute}.cmp-form-valid_number_right{right:2rem}.type-poke-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0 auto;max-width:80%;padding:0;width:30%;width:fit-content}@media screen and (max-width:600px){.type-poke-list{width:90%}}.container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.container{cursor:pointer;display:flow-root;flex:auto;font-size:.8rem;position:relative;text-align:-webkit-center;-webkit-user-select:none;user-select:none;width:4rem}.checkmark{background:#606062;border-radius:5px;box-shadow:0 0 1px rgba(0,0,0,.3),0 1px 1px rgba(0,5);height:1.3em;left:0;position:relative;top:0;width:1.3em}.container input:checked~.checkmark{background-color:#ecb51ee4;background-color:var(--shadowPage)}.checkmark:after{content:"";display:none;position:absolute}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{border:solid #0b0b0b;border-width:0 .15em .15em 0;height:.5em;left:.45em;top:.25em;transform:rotate(45deg);width:.25em}.cmp-container-detail{align-items:center;background-image:url(/static/media/black_bk6.2021b3919c2407591b53.jpg);background-size:cover;display:flex;justify-content:center;margin-top:-80px;width:80em}.cmp-detail{display:flex;height:35em;justify-content:space-between;margin:auto;width:70em}h2{color:#fff}.cmp-detail-left{overflow:hidden}.cmp-detail-left,.cmp-detail-right{align-items:center;display:flex;justify-content:center;width:50em}.cmp-detail-right{align-self:center;flex-direction:column;text-transform:capitalize}.cmp-detail-right h2:first-letter{color:#ff1493;font-size:2.5em;font-weight:800}h2{text-transform:capitalize}.cmp-detail_img{filter:drop-shadow(7px 5px 5px #ecb51ee4);max-height:400px;max-width:400px;transition:all .5s ease-in-out}.cmp-columns{grid-gap:100px;display:grid;gap:100px;grid-template-areas:"label0 label1";grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%}#left{grid-area:label0}#right{grid-area:label1}.cmp-detail_img:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s ease-in-out}.range{accent-color:#ff1493}button{background-color:transparent!important;border:0 solid;border-radius:1.05em;padding:.3em}button,button:hover{transition:all .5s ease-in-out}button:hover{transform:scale(1.3)}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:rgba(0,0,0,.253);border-radius:6px;color:#fff;left:110%;padding:5px 0;position:absolute;text-align:center;top:25%;visibility:hidden;width:4em;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-right-color:rgba(0,0,0,.253);content:"";margin-top:-5px;position:absolute;right:100%;top:50%}.tooltip:hover .tooltiptext{visibility:visible}:root{--white:#afafaf;--red:#e31b23;--borderFormEls:rgba(50,50,47,.659);--bgFormEls:#242424;--shadowPage:#ecb51ee4;--blue:#00f}html{color:#afafaf;color:var(--white)}.error{animation:noise 2s linear infinite;left:-60px;overflow:default;width:100px}.error,.error:after{bottom:0;font-family:Gilda Display,serif;font-size:10rem;font-style:italic;height:60px;line-height:60px;margin:auto;position:absolute;right:0;text-align:center;top:0}.error:after{animation:noise-1 .2s linear infinite;color:#00f;color:var(--blue);content:"404";left:0;opacity:0;width:150px}.info{animation:noise-3 1s linear infinite;font-size:2rem;height:0;top:140px;width:200px}.error:before,.info{bottom:0;font-family:Gilda Display,serif;font-style:italic;left:0;line-height:60px;margin:auto;position:absolute;right:0;text-align:center}.error:before{animation:noise-2 .2s linear infinite;color:#e31b23;color:var(--red);content:"404";font-size:100px;height:60px;opacity:0;top:0;width:100px}@keyframes noise-1{0%,20%,40%,60%,70%,90%{opacity:0}10%{opacity:.1}50%{left:-6px;opacity:.5}80%{opacity:.3}to{left:2px;opacity:.6}}@keyframes noise-2{0%,20%,40%,60%,70%,90%{opacity:0}10%{opacity:.1}50%{left:6px;opacity:.5}80%{opacity:.3}to{left:-2px;opacity:.6}}@keyframes noise{0%,3%,42%,44%,5%,to{opacity:1;transform:scaleY(1)}4.3%{opacity:1;transform:scaleY(1.7)}43%{opacity:1;transform:scaleX(1.5)}}@keyframes noise-3{0%,3%,42%,44%,5%,to{opacity:1;transform:scaleY(1)}4.3%{opacity:1;transform:scaleY(4)}43%{opacity:1;transform:scaleX(10) rotate(60deg)}}.action-link-wrap{margin-left:55rem;margin-top:40rem}.action-link-wrap button{background-color:transparent;border:none;border-radius:7px;box-shadow:3px 3px 6px 0 #ecb51ee4;box-shadow:3px 3px 6px 0 var(--shadowPage);color:#fff;cursor:pointer;font-size:auto;padding:.5rem;text-decoration:none}.message-box{left:50%;margin-left:-190px;margin-top:-100px;text-align:center;top:50%}*{box-sizing:border-box;margin:0;padding:0;position:relative}body{background-color:#000}.cmp-landingPage{height:100vh;width:100%}.neon{animation:neon 1s ease infinite;-moz-animation:neon 1s ease infinite;-webkit-animation:neon 1s ease infinite;color:#fb4264;cursor:pointer;font-family:neon;font-size:4vw;line-height:9vw;text-shadow:0 0 3vw #f40a35}@keyframes neon{0%,to{color:#fed128;text-shadow:0 0 1vw #fa1c16,0 0 3vw #fa1c16,0 0 10vw #fa1c16,0 0 10vw #fa1c16,0 0 .4vw #fed128,.5vw .5vw .1vw #806914}50%{color:#806914;text-shadow:0 0 .5vw #800e0b,0 0 1.5vw #800e0b,0 0 5vw #800e0b,0 0 5vw #800e0b,0 0 .2vw #800e0b,.5vw .5vw .1vw #40340a}}
/*# sourceMappingURL=main.b20c0cd2.css.map*/