.circle-preloader{display:block;width:50px;height:50px;border:4px solid #444;border-bottom-color:#888;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;animation:spin .75s infinite linear;z-index:50}@keyframes spin{to{transform:rotate(360deg)}}.footer{display:flex;margin-top:auto;color:#fff;border-top:1px solid white;width:90%;justify-content:center;padding:15px}.pokemonList{background-color:#fff;display:flex;flex-direction:column;height:500px;width:500px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto;position:absolute;text-align:center}.pokemonList__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:10px;list-style-type:none}.pokedexList{position:relative;background-color:#a51d1d;display:flex;flex-direction:column;height:80vh;width:80vw;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;text-align:center;padding:15px;border-radius:15px;border:3px solid rgb(109,10,10)}.pokedexList__items{overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:15px;list-style-type:none}.pokedexList__items::-webkit-scrollbar{display:none}.pokemon-image{width:80px}.pokemon-button{display:flex;align-items:center;width:100%;justify-content:space-around;color:#fff;border:none;border-radius:6px;box-shadow:2px 2px 5px #212121;padding:10px 5px}.pokemon-button:hover{cursor:pointer;box-shadow:1px 1px 2px #212121}.typesList{padding:0 5px;margin-left:15px}.grass-poison{background-image:linear-gradient(110deg,green 40%,#8d02c0);border:2px solid rgb(3,50,3)}.bug-poison{background-image:linear-gradient(110deg,#8bc503,#8d02c0)}.navigation{display:flex;justify-content:center;align-items:center;max-width:100%;padding:10px;position:relative}.navigation__links{display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.navigation__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;background-image:linear-gradient(180deg,#b22222 30%,#950909);border-radius:15px;box-shadow:2px 2px 25px #000}.navigation__logo:hover{cursor:pointer;box-shadow:2px 2px 15px #000}.button_group{display:flex;gap:20px}.navigation__button{font-size:min(1em,2vw);padding:10px;border-radius:6px;border:1px solid rgb(130,13,13);background-color:transparent;color:#fff;cursor:pointer}.navigation__button:hover{box-shadow:1px 1px 5px #0006}.header{width:95%;max-width:1400px;background-image:linear-gradient(180deg,#b22222 30%,#950909);margin:20px;border-radius:15px;position:fixed;top:0}.loginPopup{display:flex;flex-direction:column;position:fixed;top:50vh;left:50%;transform:translate(-50%,-50%);width:min(80%,300px);max-width:50%;max-height:50%;justify-content:center;align-items:flex-end;background-color:#fff;padding:50px;border-radius:20px;gap:20px;z-index:3;box-shadow:6px 6px 66px #000}.login__form{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.form__input{box-sizing:border-box;display:flex;width:100%;padding:5px;margin:0}.login__button{cursor:pointer;background-color:#950909;color:#fff;padding:10px 20px;width:50%;border-radius:10px;border:3px solid firebrick;font-weight:700;font-size:15px}.login__button:hover{background-color:#b22222;border:3px solid 950909}.pokemonCard{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e4bd0d;padding:20px;gap:15px;border-radius:15px;text-align:center;max-width:100%;color:#fff}.pokemonCard__info{display:flex;gap:30px;align-items:center}.pokemonCard__sprite{max-width:150px;object-fit:cover}.pokemonCard__stats{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}.weight_height{display:flex;gap:30px}.pokemonCard__description{display:flex;max-width:500px}.pokemonCard__name{background-color:transparent;border-radius:6px;position:relative;display:flex;align-items:center;gap:5px;cursor:pointer;border:2px solid white;padding:10px;color:#fff}.sound__icon{height:20px;width:20px}.pokemonCard__name{background-color:transparent;border:2px solid white;border-radius:10px;padding:10px;font-weight:500;box-shadow:1px 1px 9px #00000062;cursor:pointer}.pokemonCard__name:hover{box-shadow:1px 1px 2px #00000062}.pokemonCard{background-color:#212121;color:#fff;border:2px solid rgb(230,237,230)}.grass{background-color:green;border:2px solid rgb(3,50,3)}.grass-poison{background-image:linear-gradient(110deg,green 50%,#8d02c0 50%);border:2px solid rgb(3,50,3)}.fire{background-color:#b22222;border:2px solid #832215;color:#fff}.fire-flying{background-image:linear-gradient(110deg,#e62829 50%,#81b9ee 50%);border:2px solid #832215}.water{background-color:#023ec9;border:2px solid #160585}.water-ice{background-image:linear-gradient(110deg,#023ec9 50%,#0ff 50%);color:#000}.bug{background-color:#8bc503}.bug-poison{background-image:linear-gradient(110deg,#8bc503 50%,#8d02c0 50%)}.bug-flying{background-image:linear-gradient(110deg,#8bc503 50%,#81b9ee 50%)}.normal{background-color:gray}.normal-flying{background-image:linear-gradient(110deg,gray 50%,#81b9ee 50%)}.poison{background-color:#8d02c0}.poison-ground{background-image:linear-gradient(110deg,#8d02c0 50%,#dd7f0c 50%)}.poison-flying{background-image:linear-gradient(110deg,#8d02c0 50%,#81b9ee 50%)}.ground{background-color:#dd7f0c}.electric{background-color:#f3d517;color:#242424;border:2px solid #e69810}.electric-steel{background-image:linear-gradient(110deg,#f3d517 50%,#494a4c 50%)}.fairy{background-color:#fb29c0}.normal-fairy{background-image:linear-gradient(110deg,gray 50%,#fb29c0 50%)}.fighting{background-color:#832215}.water-fighting{background-image:linear-gradient(110deg,#023ec9 50%,#832215 50%)}.water-poison{background-image:linear-gradient(110deg,#023ec9 50%,#8d02c0 50%)}.psychic{background-color:#ca037e}.water-psychic{background-image:linear-gradient(110deg,#023ec9 50%,#ca037e 50%)}.rock{background-color:#fabb63}.rock-ground{background-image:linear-gradient(110deg,#fabb63 50%,#dd7f0c 50%)}.ground-rock{background-image:linear-gradient(110deg,#dd7f0c 50%,#fabb63 50%)}.rock-water{background-image:linear-gradient(110deg,#fabb63 50%,#023ec9 50%)}.ghost{background-color:#d071fbc2}.ghost-poison{background-image:linear-gradient(110deg,#d071fbc2 50%,#8d02c0 50%)}.ice{background-color:#0ff;color:#242424}.dragon{background-color:#08266a}.dark{background-color:#212121;color:#fff}.dark-fire{background-image:linear-gradient(110deg,#212121 40%,#b22222);border:2px solid #832215}.steel{background-color:#494a4c}@media screen and (max-width: 600px){.pokemonCard__sprite{max-width:100px}}.userCard{display:flex;max-width:100%;align-items:center;gap:20px;border:2px solid white;padding:5px 10px 5px 5px;background-color:#d90808;border:3px solid #fff;border-radius:10px}.nonUserCard{display:flex;max-width:100%;align-items:center;gap:20px;border:2px solid white;padding:5px 10px 5px 5px;background-color:#aeaeac;border:3px solid #fff;border-radius:10px}.userCard__index{color:#fff;min-width:30px;text-align:end}.userCard__avatar-button{display:flex;border:2px solid;border-radius:50%;width:40px;height:40px;padding:0;justify-content:center;align-items:center;cursor:pointer;overflow:hidden}.userCard__avatar-image{width:40px;height:40px;object-fit:cover;padding:0;margin:0}.userCard__total-number{font-style:italic;font-size:min(1em,2vw)}.userCard__total{font-size:min(1em,2vw)}.userCard__contact{font-size:min(1em,2.5vw)}.userCard__contact-email{font-size:min(1em,2vw)}.main{display:flex;flex-wrap:wrap;max-width:1440px;padding:30px;margin:20px;border:2px solid white;border-radius:10px;justify-content:center;gap:50px;align-items:center}.cards__list{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;overflow-y:auto;max-height:400px;max-width:700px;scrollbar-color:white}.cards__list::-webkit-scrollbar{display:none}.pokemons{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:300px;background-color:#eab115;padding:20px;border-radius:15px}.pokemons__search-button{padding:10px 20px;border:2px solid firebrick;border-radius:10px;background-color:transparent;color:#fff;font-weight:800;font-size:16px;box-shadow:1px 1px 9px #00000062;cursor:pointer}.pokemons__search-button:hover{box-shadow:1px 1px 2px #00000062}.welcome-message{display:flex;flex-direction:column;gap:20px;text-align:center;color:#fff;max-width:90%}.notFound{display:flex;flex-direction:column;gap:30px;padding:200px;align-items:center;width:100%;height:100%;margin:0;color:#fff}.notFound__description{font-size:30px}.notFound__button{border:4px solid firebrick;background-color:#fff;border-radius:16px;padding:10px;cursor:pointer;font-size:24px;transition:.5s ease-in}.notFound__button:hover{border:4px solid white;background-color:#212121;border-radius:10px;padding:10px;cursor:pointer;font-size:24px;color:#fff;transition:.5s ease-out}.pokedex{background-image:url(/assets/Pokedex1-C_2NkTnZ.jpg);background-repeat:no-repeat;object-fit:cover;background-size:100% 100%;display:flex;flex-direction:column;height:65vh;width:90%;text-align:center;padding:15px;border-radius:15px;border:3px solid rgb(109,10,10)}.closePokedex{position:absolute;top:15px;right:15px}.pokedex__items{overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:25px;padding:15px;list-style-type:none}.pokemon-button-pokedex{display:flex;align-items:flex-start;width:100%;justify-content:flex-start;color:#fff;border:none;border-radius:6px;box-shadow:2px 2px 5px #212121;padding:15px;min-height:150px;min-width:310px}.card-left{display:flex;flex-direction:column;min-width:120px;align-items:flex-start}.pokemon-details{display:flex;gap:5px;justify-content:center;font-size:min(1em,2.5vw);line-height:1em}.pokemon-info{display:flex;flex-direction:column;font-size:min(1em,2.5vw);line-height:1em;gap:10px}.pokemon-stats{display:flex;justify-content:space-evenly}.typesList{justify-content:center;list-style:none;display:flex;gap:5px}.profile{color:#fff;display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;min-height:60vh}.user__info{display:flex;gap:20px;padding:15px}.users__list{display:flex;flex-direction:column;gap:10px;padding:0;margin:0 20px 20px;overflow-y:auto;max-height:70vh;scrollbar-color:white}.page{display:flex;width:100%;background-color:#242424;margin:0 auto;min-height:100vh;max-width:1440px;position:relative}.page__content{display:flex;flex-direction:column;width:100%;align-items:center;padding-top:120px}.page__content_header{display:block;height:150px}body{margin:0;min-width:320px;min-height:100vh;-ms-overflow-style:none;scrollbar-width:none;background-color:#212121}body::-webkit-scrollbar{display:none}p,h1,h2,h3,h4{padding:0;margin:0}