:root{--color1: rgb(0, 231, 255);--color2: rgb(255, 0, 231);--color3: #4372a7de;--bg-c-home: #cfcdcda5;--font-color: #000;--bg-c-pokedex: transparent;--bg-c-spanPokeCard: rgba(229, 230, 229, .504);--bg-c-size: rgb(135,191,255);--bg-gradient-size: linear-gradient(45deg, rgba(135,191,255,1) 13%, rgba(52,240,255,1) 48%, rgba(135,191,255,1) 86%)}.dark{--color1: rgb(2, 70, 116);--color2: rgb(7, 167, 207);--color3: #471369de;--bg-c-home: #0a0909a5;--font-color: #ffffff;--bg-c-pokedex: #00000085;--bg-c-spanPokeCard: rgba(110, 11, 156, .658);--bg-c-size: rgb(83,56,143);--bg-gradient-size: radial-gradient(circle, rgba(83,56,143,1) 0%, rgba(47,41,88,1) 94%)}.container__home{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--bg-c-home);backdrop-filter:blur(5px);color:var(--font-color)}.container__input{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.container__home .container__input .input{width:90%;margin-top:30px;margin-bottom:10px;background-color:#fff;height:40px;border-radius:24px;position:relative;box-shadow:inset 2px 2px 8px #000000ad}.container__home .container__input .input button{border:none}.container__home .container__input .input input{background-color:transparent;border:none;outline:none;height:100%;width:100%;padding-left:15px}.container__home .input img{height:60px;position:absolute;top:-5px;right:-25px;transition:all .5s linear;cursor:pointer}.container__home .input img:hover{transform:scale(.9)}.container__home .container__pokemons{width:100%;display:flex;justify-content:center;margin-top:30px;gap:15px}.container__home .container__pokemons img{width:70px}.container__home .container__pokemons img:nth-child(1){animation:move infinite linear 1s}.container__home .container__pokemons img:nth-child(2){animation:move infinite linear .9s}.container__home .container__pokemons img:nth-child(3){animation:move infinite linear 1s}@keyframes move{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(-20px)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}.container__balls{width:100%;display:flex;align-items:center;justify-content:space-between;height:auto;position:fixed;z-index:-1}.img-background:nth-child(1){transform:rotate(-45deg)}.img-background{width:100px;height:auto;transform:rotate(45deg)}.container__settings{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--bg-c-home);backdrop-filter:blur(5px)}.container__settings__box{border-radius:10px;box-shadow:2px 2px 10px 2px #00000063;width:75vw;height:auto;padding:10px;background-image:url(/triangles.webp)}.settings__title{display:flex;justify-content:center;align-items:center;padding-top:10px;width:100%}.settings__title h1{font-size:20px}.bx-sun{color:#fc9701}.container__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.container__input__settings{display:grid;text-align:center;align-content:center;padding:10px}.input__settings input{border-radius:24px;box-shadow:2px 2px 10px 2px #00000063;padding:0 5px;border:none;width:200px;text-align:center}.settings__genre{padding:15px}.settings__button{border-radius:10px;box-shadow:2px 2px 10px 2px #00000063;padding:0 5px;border:none;background-color:#3a86ff;color:#fff}.btn--edit{border:none;padding:5px;border-radius:14px;width:60px;transition:all .1s linear;background-image:linear-gradient(to right top,#051937,#004d7a,#008793,#00bf72,#a8eb12);color:#fff;margin-bottom:10px}.btn--edit:hover{transform:scale(.9)}.container__form--range{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px auto 0;width:150px}.drag__bar{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#407fd1;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.drag__bar:hover{opacity:1}.drag__bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:23px;height:23px;border-radius:50%;background:#e1422d;cursor:pointer;box-shadow:0 0 11px 8px #00000042;background-position:center;background-repeat:no-repeat;border:none}.drag__bar::-moz-range-thumb{width:23px;height:23px;border-radius:50%;background:#e1422d;cursor:pointer;box-shadow:0 0 11px 8px #00000042;background-position:center;background-repeat:no-repeat;border:none}.container-pokedex{padding:1rem;height:auto;background-color:var(--bg-c-pokedex);color:var(--font-color)}.container-pokedex .pokedex{width:160px}.container-pokedex .container__welcome{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px}.welcome-pokedex .color--name{color:#bb0560}.container-pokedex .welcome-pokedex{border:double 5px #000;background-color:#ffffff6a;backdrop-filter:blur(7px);width:300px;padding:5px;color:#000}.form-check{display:flex;justify-content:center;align-items:center}.switch-pokedex{display:grid;grid-template-columns:repeat(3,0fr);justify-content:center;margin:1rem}.search-input-pokedex{margin:0 auto 20px;position:relative;width:80%}.search-pokedex{width:100%;border:3px solid #3a86ff;height:100%;outline:none;font-size:15px;padding:10px;border-radius:24px;box-shadow:2px 2px 8px #353232;background-color:#fff}.btnSearch{width:40px;height:40px;border-radius:50%;padding:5px 0 3px 3px;background-color:#3a86ff;border:none;margin:0 auto;position:absolute;right:-10px;top:5px;color:#fff}.bx{font-size:30px}.bx-male-sign{color:#3a86ff}.bx-female-sign{color:#ff3aff}.pokemon-card{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;text-decoration:none;color:#000}.container-pokecard{width:200px;height:300px;background-image:url(/pokeball2.png);background-color:var(--color3);backdrop-filter:blur(3px);text-decoration:none;color:#fff;position:relative;margin:20px;overflow:hidden;z-index:10;touch-action:none;border-radius:5%/3.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 #fff0,0 55px 35px -20px #00000080;transition:all .5s ease}.container-pokecard:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px #ffffff4d,0 55px 35px -20px #00000080;transform:rotate3d(1,1,1,15deg) scale(.9)}.container-pokecard:before,.container-pokecard:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.container-pokecard:after{border-radius:inherit;opacity:1;background-image:url(/sparkles.gif),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:50% 50%;background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.container-pokecard.active:after,.container-pokecard:hover:after{filter:brightness(1) contrast(1);opacity:1}.title-pokecard{padding-top:1rem;padding-left:.5rem}.container-info-pokecard{display:grid;gap:.2rem;padding-top:.5rem;padding-left:.6rem}.container-info-pokecard span{background-color:var(--bg-c-spanPokeCard);border-radius:24px;padding:6px;width:max-content}.img-pokecard{width:90px;height:90px;translate:95px -30px}.container-Detailt{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:1rem;height:100vh}body .container-size{border-radius:15px;padding:1rem;background-color:#faebd7b7}.container-type{padding:1rem;background-color:#faebd7b7}.container-abilities{border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:1rem;background-color:#faebd7b7}.container-aside{width:90%;border-radius:15px;height:1000px;overflow-y:scroll;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem;gap:1rem;text-align:center;background-color:#faebd7b7}.container-aside h3{width:100%;text-align:center}.aside-detailt{padding-left:15px;padding-right:15px;width:max-content;border:1px solid black;background-color:azure;border-radius:10px}.container-size{display:flex;flex-direction:column;gap:1rem;padding:1rem}.container-size-secound{display:flex;gap:1rem;justify-content:center}.container-name{display:flex;flex-direction:column;align-items:center;gap:1rem}.container-type{display:flex;flex-direction:column;gap:1rem;align-items:center}.container-span-type{display:flex;gap:1rem;margin:1rem}.span-type1{padding:1rem;background-color:green;color:#fff;border-radius:10px}.container-abilities{display:flex;flex-direction:column;justify-content:center}.abilities-title{display:flex;justify-content:center}.container-span-abilite{display:flex;gap:1rem;justify-content:center;color:#000}.spana-abilities{padding:1rem;background-color:#fff;border-radius:10px}.container__pagination{width:100%;display:flex;justify-content:center;align-items:center}.container__pagination ul{width:100%}.bottom-border .is-active li{border-bottom:3px solid #2e85cc!important}.container__pagination ul a,li{font-size:14px;padding:5px}.container__buttons{position:fixed;width:100%;display:flex;justify-content:flex-end;z-index:2}.container__buttons .close{background-color:#fff;color:tomato;padding:10px 10px 10px 5px;border-radius:48%;display:flex;justify-content:center;align-items:center;margin-top:5px;margin-right:5px;opacity:.8;box-shadow:2px 2px 8px 3px #00000096;transition:.5s all ease;text-decoration:none}.container__buttons .close:hover{transform:scale(.9);opacity:1}.sttings{position:fixed;z-index:34;bottom:20px;right:20px;background:#2e85cc;color:#fff;padding:5px 5px 0;border-radius:25px}.btnback{position:fixed;z-index:3;bottom:70px;right:20px;background:#cc2e2e;color:#fff;padding:5px 5px 0;border-radius:25px;border:none}body .sttings i{transition:4s ease all}body .sttings i:hover{transform:rotate(360deg)}.profile__container{border-radius:50%;width:70px;border:2px solid #000;position:absolute;top:30px;right:-10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.profile__container img{width:100%;position:relative;top:3px}.container-Detailt{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:1rem;background-color:var(--bg-c-pokedex);height:100%;color:var(--font-color)}.container-img-detailt{text-align:center}.img-detailt{width:200px}.container-info{display:flex;border-radius:15px;max-height:800px;flex-direction:column;padding:1rem}.info-poke{border-radius:15px}.container-size{border-radius:15px;padding:1rem;background:var(--bg-c-size);background:var(--bg-gradient-size)}.container-type{padding:1rem;margin:1rem 0;border-radius:15px;background:var(--bg-c-size);background:var(--bg-gradient-size)}.container-abilities{border-radius:15px;padding:1rem;background:var(--bg-c-size);background:var(--bg-gradient-size)}.id-poki{border:1px solid black;padding:1rem}.container-aside{width:90%;border-radius:15px;height:1000px;overflow-y:scroll;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem;gap:1rem;text-align:center;background:var(--bg-c-size);background:var(--bg-gradient-size);color:#000}.container-aside h3{width:100%;text-align:center;color:var(--font-color)}.aside-detailt{padding-left:15px;padding-right:15px;width:max-content;border:1px solid black;background:rgb(238,174,202);background:radial-gradient(circle,rgba(238,174,202,1) 0%,rgba(148,187,233,1) 100%);border-radius:10px}.container-aside::-webkit-scrollbar{-webkit-appearance:none}.container-aside::-webkit-scrollbar:vertical{width:10px}.container-aside::-webkit-scrollbar-button:increment,.container-aside:-webkit-scrollbar-button{display:none}.container-aside::-webkit-scrollbar:horizontal{height:5px}.container-aside::-webkit-scrollbar-thumb{background-color:#70707cd5;border-radius:inherit;border:none}.container-aside::-webkit-scrollbar-track{border-radius:10px}.container-aside{scrollbar-width:thin;scrollbar-color:rgba(112,112,124,.836) rgba(233,232,230,0)}footer{width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:40px}footer p a{color:tomato;transition:all .5s linear}footer p a:hover{color:#000}@media only screen and (min-width: 600px){.container__input{width:90%}.container__home .container__pokemons img{width:90px}.sttings{width:60px;height:60px;display:flex;justify-content:center;align-items:center;text-decoration:none}body .sttings .bx{font-size:45px}.img-background{width:200px}.container-pokedex .container__welcome{justify-content:center}.container-pokedex .welcome-pokedex{width:350px}.container-pokedex .pokedex{width:200px}.container__pagination ul{width:100%;text-align:center;display:flex;justify-content:center}.container__pagination ul li{font-size:25px}.container__form--range{width:220px}.btnback{bottom:100px;right:30px;width:50px;height:50px}}@media only screen and (min-width: 992px){.container__input,.search-input-pokedex{width:50%}.container-pokedex .pokedex{width:250px}.container-pokedex .welcome-pokedex{padding:15px;font-size:20px;width:440px}.img-background{width:300px}.container__pagination ul li{font-size:30px}.profile__container{border-radius:50%;width:80px;border:2px solid #000;position:absolute;top:50px;right:-40px;overflow:hidden;display:flex;justify-content:center;align-items:center}.container-abilities{border-radius:15px 15px 0 0/15px 15px 0px 0px}.container-type,.container-abilities{border-radius:15px}.container-aside{width:200px;height:650px}.container__settings__box{width:25vw}.container-Detailt{flex-direction:row;justify-content:center;align-items:center}.info-card{flex-direction:row}.info-card{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.container-size{width:700px;display:grid;grid-template-columns:auto;border-radius:0 0 15px 15px/0px 0px 15px 15px;font-size:xx-large}.container-abilities{border-radius:15px}.container-type{border-radius:15px;margin:0}.container-aside{width:200px;height:650px;border-radius:15px}.type-abilities{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.profile__container img{width:100%;position:relative;top:3px}.info-poke{background:none;border-radius:15px}}.pagination{padding:30px 0}.pagination ul{margin:0;padding:0;list-style-type:none}.pagination a{cursor:pointer;display:inline-block;padding:10px 18px;color:#222}.p1 a{width:40px;height:40px;line-height:40px;padding:0;text-align:center}.p1 a.is-active{background-color:#2ecc71;border-radius:100%;color:#fff}.bottom-border .is-active li{font-weight:700;border-bottom:3px solid #2ecc71}.p3 .is-active{background-color:#2ecc71;color:#fff}.p4 a{width:40px;height:40px;line-height:40px;border-radius:100%;padding:0;text-align:center;position:relative;border:3px solid #2ecc71}.p4 .is-active:before{content:"";width:30px;height:30px;border-radius:100%;background-color:#2ecc71;position:absolute;top:5px;left:5px}.p5 a{width:30px;height:5px;padding:0;margin:auto 5px;background-color:#2ecc7166}.p5 .is-active{background-color:#2ecc71}.p6 a{width:30px;height:30px;border-radius:100%;padding:0;margin:auto 5px;text-align:center;position:relative;background-color:#2ecc7166}.p6 .is-active{background-color:#2ecc71}.square-i a{border:3px solid #2ecc71;margin:auto 5px;color:#2ecc71;font-weight:700}.p8 a,.square-i .is-active{background-color:#2ecc71;color:#fff}.p8 a{margin:auto 5px;font-weight:700;border:3px solid #2ecc71}.p8 .is-active{background-color:#fff;color:#2ecc71}.circle a{width:30px;height:30px;line-height:30px;padding:0;text-align:center;margin:auto 5px}.circle a.is-active{border:3px solid #2ecc71;border-radius:100%}.square a{width:30px;height:30px;line-height:30px;padding:0;text-align:center;margin:auto 5px}.p11 a,.square a.is-active{border:3px solid #2ecc71}.p11 a{background-color:#2ecc71;margin:auto 5px;color:#fff;position:relative}.p11 a:first-of-type:before{left:-25px;border-right:22px solid #2ecc71}.p11 a:first-of-type:before,.p11 a:last-of-type:after{content:"";position:absolute;top:-3px;border-top:22px solid transparent;border-bottom:22px solid transparent}.p11 a:last-of-type:after{right:-25px;border-left:22px solid #2ecc71}.p11 .is-active{font-weight:700}.square-fill .is-active,.square-fill a:first-of-type,.square-fill a:last-of-type{background-color:#2ecc71;color:#fff;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Carter One,cursive;overflow-x:hidden}