#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-color:#000;display:flex;justify-content:center;min-height:100vh}#loading{color:#fff}#section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:2em}.pokemon{position:relative}.pokemon h2{color:#fff;position:absolute;transform:translate(-100%,-50%);font-family:Poppins,sans-serif}.pokemon h2:nth-child(1){color:transparent;-webkit-text-stroke:1px white}.pokemon h2:nth-child(2){color:#fff;animation:animate 4s ease-in-out infinite}@keyframes animate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.kingdom{position:relative}.kingdom h2{color:#fff;position:absolute;transform:translate(10%,-50%);font-family:Poppins,sans-serif}.kingdom h2:nth-child(1){color:transparent;-webkit-text-stroke:1px white}.kingdom h2:nth-child(2){color:#fff;animation:faraz 4s ease-in-out infinite}@keyframes faraz{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.app-container{margin-top:90px}.pokemon-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:#000}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px solid white;text-align:center;width:176px;border-radius:2px;font-family:Poppins,sans-serif;transition:all .3s ease-out;text-transform:capitalize}.card:hover{transform:scale(1.2);border-radius:5px}.grass{background:linear-gradient(90deg,#deff9b,#5cff7a)}.grass .number{background-color:#deff9b;border-radius:15px;padding:4px;font-weight:100}.water{background-image:linear-gradient(120deg,#89f7fe,#66a6ff)}.water .number{background-color:#89f7fe;border-radius:15px;padding:4px;font-weight:100}.ground{background-image:linear-gradient(315deg,#772f1a,#f2a65a 74%)}.ground .number{background-color:#772f1a;border-radius:15px;padding:4px;font-weight:100}.fire{background-image:linear-gradient(120deg,#f6d365,#fda085)}.fire .number{background-color:#f6d365;border-radius:15px;padding:4px;font-weight:100}.fairy{background-image:linear-gradient(to top,#ff9a9e,#fecfef 99%,#fecfef)}.fairy .number{background-color:#ff9a9e;border-radius:15px;padding:4px;font-weight:100}.rock{background-image:linear-gradient(to top,#c79081,#dfa579)}.rock .number{background-color:#c79081;border-radius:15px;padding:4px;font-weight:100}.ghost{background-image:linear-gradient(to top,#b7b7b8,#e2ebf0)}.ghost .number{background-color:#b7b7b8;border-radius:15px;padding:4px;font-weight:100}.electric{background-image:linear-gradient(to right,#f83600,#f9d423)}.electric .number{background-color:#f83600;border-radius:15px;padding:4px;font-weight:100}.bug{background-image:linear-gradient(to top,#e6b980,#eacda3)}.bug .number{background-color:#e6b980;border-radius:15px;padding:4px;font-weight:100}.poison{background-image:linear-gradient(to top,#df89b5,#bfd9fe)}.poison .number{background-color:#df89b5;border-radius:15px;padding:4px;font-weight:100}.normal{background-image:linear-gradient(-225deg,#e3fdf5,#ffe6fa)}.normal .number{background-color:#e3fdf5;border-radius:15px;padding:4px;font-weight:100}.card img{height:120px;width:120px}.card h3{margin-bottom:6px;text-transform:uppercase;text-decoration:underline}.btn{display:flex;justify-content:center;align-items:center}.know-more-div{margin-top:12px}.know-more-btn{background-color:transparent;border:1px solid black;color:#000;cursor:pointer;width:140px;padding:8px 0;border-radius:3px;transition:all .3s ease-in-out}.know-more-btn:hover{background-color:#0003;border:1px solid white;color:#fff}.more-pokemon{margin-top:12px}.more-pokemon button{background:linear-gradient(90deg,#fcfa26 26%,#f71c12);text-align:center;padding:8px 4px;border:1px solid white;border-radius:4px;width:300px;font-size:16px;cursor:pointer;transition:all .5s ease-out}.more-pokemon button:hover{transform:scale(1.1)}.modal{position:fixed;min-height:100vh;min-width:100%;top:0;left:0;background-color:#0006;z-index:1;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.modal .content{width:550px;border:1px solid black;color:#000}.modal .details{display:flex;position:relative;box-sizing:border-box}.modal img{height:120px}.modal h3{text-decoration:underline}.modal .img-name{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.modal #close{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;border-radius:20px;padding:0 8px;cursor:pointer;background-color:#0003;transition:all .3s ease-out}.modal #close:hover{transform:scale(1.2)}#inactive{display:none}.modal .stats{display:flex;justify-content:space-around;align-items:center;width:289px;font-size:18px}@media (max-width: 600px){#section{font-size:1em}.modal .content{width:300px}.modal .details{flex-direction:column}.app-container{margin-top:50px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}