@import"https://fonts.googleapis.com/css2?family=Handjet:wght@300;400;500;600;700&display=swap";.navBar{background-color:#03040e;display:flex;justify-content:center;align-items:center;height:8vh}.navBar__logo{width:30px;position:fixed;left:10px}.navBar__items>*{padding:10px;margin:0 5px;border:none;background-color:#03040e;color:#fff;font-size:20px;transition:.4s;cursor:pointer}.navBar__items>*:hover{background-color:#8d8e92;height:60px}.detail__main{height:92vh;background-color:#03040e;display:flex;justify-content:center;align-items:center}.detail__main--pokemon{width:80%;height:80%;display:flex;justify-content:space-around;align-items:center}.detail__pokemon-name{color:#fff;font-size:32px;text-transform:uppercase;margin-bottom:50px}.detail__stats-container{color:#fff;font-size:22px;text-transform:uppercase}.detail__stats>p{margin:10px 0}.detail__photo{zoom:1.5;max-width:220px!important}.detail__stats{display:flex}.detail__stats-bar{background-color:#0ff;height:5px}.btn-return{padding:10px;margin:0 5px;border:none;background-color:#03040e;color:#fff;font-size:20px;transition:.4s;position:absolute;bottom:10px;cursor:pointer}.btn-return:hover{background-color:#8d8e92}.main-container{position:relative;max-width:100vw;overflow:hidden;height:100vh}.app{z-index:1;background-color:#040614d9;height:100vh;width:100wh;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(23,20,20,.37);display:grid;grid-template-columns:1fr;grid-template-rows:10vh auto 10vh}::-webkit-scrollbar{background-color:transparent;width:.4rem}::-webkit-scrollbar-thumb{background-color:#dbdbdb8e}body{background-color:#000}*{margin:0;padding:0;box-sizing:border-box;font-family:Handjet,cursive}.background{z-index:-1;position:absolute;max-height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.background img{max-inline-size:100%;block-size:auto;height:20rem}.pokemon-card{width:250px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#ffffff20;border-radius:1rem;padding:1rem;box-shadow:#00000059 0 5px 15px;position:relative}.pokemon-card-title{text-align:center;cursor:pointer;margin-bottom:1rem;color:#fff;font-weight:400}.pokemon-card-image{height:10rem}.pokemon-card-types{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem}.pokemon-card-types-type{display:flex;flex-direction:column;justify-content:center;align-items:center}.pokemon-card-types-type-image{height:2rem}.pokemon-card-types-type-text{font-size:smaller;color:wheat}.button-container{display:flex;justify-content:center}.button{padding:1rem;border-radius:1rem;font-size:larger;width:10rem;margin:1rem;font-weight:500;color:#fff;background-color:#00000059}.button:hover{background-color:#ffffff20}.profile{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;margin-top:2rem;overflow:scroll}.profile-text{text-transform:uppercase;letter-spacing:.2rem}.profile h1{font-size:4rem}.profile-image{height:15rem;border-radius:10rem;border:.3rem solid var(--accent-color);padding:1rem}.profile-links{display:flex;gap:2rem;margin-top:2rem;cursor:pointer}.profile-links a{color:var(--accent-color)}.profile-links a svg{font-size:3rem}.pokemon-container{margin:0 5rem;border:.5 solid rgba(255,255,255,.203);border-top:none;border-bottom:none;max-height:80vh;overflow-y:scroll}.pokemon-container .pokemon-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem;margin:2rem 4rem 4rem}.pokemon-searchbar{width:100%;height:9%;padding:.5rem .5rem .5rem 1rem;font-size:1.3rem;background-color:#ffffff20;outline:none;border:none;color:#fff;box-shadow:#00000059 0 5px 15px}.pokemon-searchbar::-webkit-input-placeholder{color:#ffffffb3}.no-results{font-size:larger;color:#fff}