#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.background{background-image:url(/background.webp);background-repeat:no-repeat;background-size:cover;background-position:center;height:100%;width:100%;position:fixed;top:0;left:0;z-index:-100}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}.pokemon-card{display:flex;flex-direction:column;align-items:center;min-width:300px;border:3px solid skyblue;margin:10px;max-width:400px;border-radius:50px}.pokemon-img-holder{max-height:400px}.pokemon-img{box-shadow:inset 0 0 50px #87ceeb;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:50px 50px 0 0}.pokemon-data{display:flex;justify-content:space-around;width:100%;background-color:#fff;border-radius:0 0 50px 50px}.container-body{margin-top:70px}.poke-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width: 1300px){.poke-container{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 1000px){.poke-container{grid-template-columns:1fr 1fr;column-gap:30px}}@media (max-width: 650px){.poke-container{grid-template-columns:1fr;column-gap:0px}}body{margin-top:130px}.capture-background{background-image:url(/capture-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100%;width:100%;position:fixed;top:0;left:0;z-index:-100}.search-header{margin-bottom:20px;color:#fff;text-shadow:2px 2px #000000;font-size:50px}.pokemon-search{max-height:400px;overflow-y:auto;padding:20px;width:60%;border-radius:50px;font-size:20px;border:2px solid black}.pokemons-container{width:400px;max-height:60vh;display:flex;flex-direction:column;align-items:center;overflow:auto;box-shadow:0 -30px 20px -2px green inset;padding:10px}.pokemon-search-item{width:300px;padding:10px;margin:5px;border-radius:10px;background-color:#fff;cursor:pointer}.login-background{background-image:url(/all-pokemon.webp);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;position:fixed;inset:0}.login-card{background-color:#fffc;border:2px solid #00d4ff;border-radius:15px;padding:40px;width:350px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px #00d4ff80;font-family:sans-serif}.logo-placeholder{width:70%;padding:20px}.logo-img{width:100%;height:auto}.login-header{color:#4a5565;padding:0}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px}.input-group{display:flex;flex-direction:column;gap:15px;align-items:start;justify-content:center;width:100%;padding:20px}.input-group input{width:90%;height:12hv;padding:15px;background:#ffffff1a;border:2px solid rgba(128,128,128,.5);border-radius:5px;outline:none}.input-group input:focus{background:#fff3;box-shadow:0 0 10px #00d4ff80}.login-btn{width:100%;padding:12px;background:linear-gradient(45deg,red,#c00);border:none;border-radius:25px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s;text-transform:uppercase}.login-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #f009}.register-btn{width:100%;padding:12px;background:linear-gradient(45deg,green,#0ff,#00f);border:none;border-radius:25px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s;text-transform:uppercase;margin:20px}.popup{position:fixed;top:20px;left:50%;width:100%;transform:translate(-50%);z-index:2;animation:slideDown .3s ease-out}.popup-content{color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:16px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.navbar{display:flex;align-items:start;justify-content:center;position:fixed;top:0;left:0;right:0;margin:10px;z-index:1}.gradient-text{background:linear-gradient(90deg,#ff7e5f,#feb47b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:20px;font-weight:700}.home-shadow{width:150px;height:64px;margin-right:-30px;padding-bottom:5px;display:flex;justify-content:end}.home-button{background-color:#00f;width:190px;height:64px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0% 0%,80% 0%,100% 100%,20% 100%);cursor:pointer;position:absolute}.logo-container-border{height:80px;background-color:#000;clip-path:polygon(0% 0%,100% 0%,85% 100%,15% 100%)}.logo-container{min-width:300px;height:100%;clip-path:polygon(2% 3%,98% 3%,84% 97%,16% 97%);position:relative;background-color:#fff}.logo{position:absolute;height:50%;top:-5%;left:20%}.capture-shadow{width:150px;height:64px;margin-left:-30px;border-bottom:5px solid purple;position:relative;padding-bottom:5px}.capture-button{background-color:green;width:190px;height:64px;display:flex;align-items:center;justify-content:center;margin-left:-30px;margin-top:-15px;clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);cursor:pointer;position:absolute;left:20%;top:23%}.login-redirect-btn{background:linear-gradient(45deg,red,#c00);border:none;color:#fff;font-weight:700;font-size:1rem;transition:transform .2s;text-transform:uppercase;width:180px;cursor:pointer;z-index:2;height:20px;padding:20px;clip-path:polygon(2% 3%,98% 3%,84% 97%,16% 97%)}