.app-container{position:relative;z-index:1;min-height:100vh;padding:20px}.outer-pokedex{max-width:1200px;margin:0 auto;background:#ffffffe6;border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pokedex-heading{text-align:center;margin-bottom:30px;font-size:3rem;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}#pokedex-heading a{text-decoration:none;color:#2c3e50;transition:color .3s ease}#pokedex-heading a:hover{color:#3498db}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}#pokedex-heading{animation:float 3s ease-in-out infinite}a:visited{color:#000}.pokemon-list-wrapper{display:flex;flex-direction:column;align-items:center;margin:1rem auto}.pokemon-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.controls button{padding:.5rem 1rem;margin-left:1rem;border-radius:5px}.controls button:hover{background-color:#55c2da}.pokemon{margin-top:2rem;flex-basis:20%;height:200px;width:300px;display:flex;flex-direction:column;align-items:center}.pokemon-image{margin:1rem;height:101px;max-height:80%}.pokemon-name{font-size:larger;font-style:italic;letter-spacing:.25rem}.pokemon:hover{background-color:beige}.search-wrapper{display:flex;align-items:center;gap:10px;margin:0 auto}#pokemon-name-search{margin-top:2rem;width:600px;margin:2rem;padding:1.5rem}.search-button{padding:8px 15px;font-size:16px;background-color:#fc0;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.search-button:hover{background-color:#fa0}.pokemon-details-name{margin-top:1rem;font-size:xx-large;color:#000}.pokemon-details-name>span{letter-spacing:1rem}.pokemon-details-types{display:flex;margin-top:2rem;font-size:large;gap:3rem}.pokemon-details-types div{border:1px solid gainsboro;border-radius:10px;background-color:#dcdcdc;padding:1rem}.pokemon-details-image{max-height:200px;margin-top:5rem}.pokemon-details-wrapper{display:flex;flex-direction:column;align-items:center}.pokemon-details-wrapper{max-width:1200px;margin:0 auto;padding:20px}.pokemon-details-header{margin-bottom:20px}.back-button{display:inline-block;padding:8px 16px;background-color:#f0f0f0;color:#333;text-decoration:none;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.pokemon-details-content{display:flex;gap:40px;margin-bottom:40px}.pokemon-details-image{width:300px;height:300px;object-fit:contain;background-color:#f8f8f8;border-radius:8px;padding:20px}.pokemon-details-info{flex:1}.pokemon-details-name{font-size:2.5rem;margin-bottom:20px;text-transform:capitalize}.pokemon-details-stats{display:flex;gap:20px;margin-bottom:20px}.stat{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.9rem;color:#666}.stat-value{font-size:1.2rem;font-weight:700}.pokemon-details-types{margin-bottom:30px}.types-list{display:flex;gap:10px;margin-top:10px}.type-badge{padding:5px 15px;background-color:#f0f0f0;border-radius:20px;text-transform:capitalize}.similar-pokemon{margin-top:40px}.similar-pokemon h3{margin-bottom:15px}.similar-pokemon-list{display:flex;flex-wrap:wrap;gap:10px}.similar-pokemon-item{padding:8px 16px;background-color:#f0f0f0;border-radius:4px;text-decoration:none;color:#333;transition:background-color .2s;text-transform:capitalize}.similar-pokemon-item:hover{background-color:#e0e0e0}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#666}.error{text-align:center;padding:40px;color:#f44;font-size:1.2rem}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-1,.gradient-2,.gradient-3,.gradient-4{position:absolute;width:200%;height:200%;opacity:.5;animation:gradientMove 15s ease infinite}.gradient-1{background:linear-gradient(45deg,#ff9a9e,#fad0c4);top:-50%;left:-50%;animation-delay:0s}.gradient-2{background:linear-gradient(45deg,#a1c4fd,#c2e9fb);top:-50%;left:50%;animation-delay:-5s}.gradient-3{background:linear-gradient(45deg,#84fab0,#8fd3f4);top:50%;left:-50%;animation-delay:-10s}.gradient-4{background:linear-gradient(45deg,#f6d365,#fda085);top:50%;left:50%;animation-delay:-15s}@keyframes gradientMove{0%{transform:translate(0) rotate(0)}25%{transform:translate(-25%,-25%) rotate(90deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}75%{transform:translate(-25%,-25%) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.background-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}