:root{--light-gray: #f2f2f2;--dark-gray: #808080;--gray-200: #c4c4c4;--padding-inline: 3rem}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden}.container{max-width:1580px;background-color:var(--light-gray)}a{text-decoration:none}.pokemon-card{border-radius:10px;width:340px;overflow:hidden;position:relative}.pokemon-card-container{display:flex;align-items:center;gap:1rem;overflow:hidden;color:#fff}.pc-left{display:flex;flex-direction:column}.pc-left-container{display:flex;flex-direction:column;gap:1rem}.pc-name{text-transform:capitalize}.pc-id{font-size:1.5rem}.pc-type{position:absolute;bottom:1.5rem;display:flex}.pc-type p{margin-inline:.2rem;background-color:#ffffff4d;border-radius:5px;padding:.4rem}.pc-right{width:100%;display:flex;height:200px;align-items:center;justify-content:center;overflow:hidden;z-index:1}.pc-right img{max-width:100%;max-height:100%;object-fit:contain}.pc-right .poke-ball{overflow:hidden;position:absolute;right:-38px;bottom:-40px;z-index:-1;width:200px}.pc-right .pokemon-ball{width:200px;height:200px;fill:#fff3}@media (max-width: 575px){.pokemon-card{width:95%;margin:0 auto}}@media (max-width: 435px){.pokemon-card{width:100%}}@media (max-width: 431px){.pokemon-card{width:100%}}@media (max-width: 376px){.pokemon-card{width:340px}}.wrapper-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pokeball{width:60px;height:60px;background-color:#fff;border-radius:50%;position:relative;overflow:hidden;border:3px solid;animation:frames .8s linear 0s infinite}.pokeball:after{content:"";position:absolute;width:60px;background-color:red;height:30px;border-bottom:4px solid;top:-4px}.pokeball:before{content:"";position:absolute;background-color:#fff;width:10px;height:10px;border:4px solid;border-radius:50%;bottom:18px;right:18px;z-index:1}@keyframes frames{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container{min-height:100vh}.home-pokemon-cards{display:grid;padding-top:1rem;gap:2rem;padding-inline:var(--padding-inline);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pokemon-card{padding:1rem}.news-cards-wrapper{background-color:var(--light-gray);padding-inline:var(--padding-inline)}.category-menu{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;gap:1.5rem;background-color:#fff;padding-top:1rem;padding-bottom:4rem;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.home-container .news-cards .news-card{margin-block:2rem;border-bottom:2px solid var(--gray-200);padding-block:.5rem}.home-container .news-title{color:#000}@media (max-width: 767.98px){.nav-container{flex-direction:column}}@media (max-width: 575.98px){.home-container .news-cards .news-card{margin-block:0}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.nf-status-code{display:flex}.number-four{font-size:25rem;font-weight:700;color:var(--gray-200)}.pokemon-ball{width:300px}.pokemon-ball img{max-width:100%;max-height:100%;height:100%;object-fit:contain}.nf-message{text-align:center;display:flex;flex-direction:column;gap:.5rem}.nf-message-head{font-size:1.5rem;font-weight:700}.nf-message-para{color:var(--dark-gray);font-size:1.2rem}@media (max-width: 575px){.number-four{font-size:15rem}.pokemon-ball{width:200px}}@media (max-width: 435px){.not-found-container{padding-block:5rem}.number-four{font-size:12rem}.pokemon-ball{width:150px}}.news-card-container{display:flex;gap:2rem;align-items:center}.news-left{width:50%}.news-date{padding-block:1rem;color:var(--dark-gray)}.news-right .image{width:256px;height:150px;border-radius:12px;overflow:hidden}.news-right .image img{border-radius:12px;height:auto;max-width:100%;display:block;transition:transform .3s ease;object-fit:cover}.news-right .image img:hover{transform:scale(1.05)}@media (max-width: 575.98px){.news-card-container{flex-direction:column;align-items:start}.news-left,.news-right{width:100%}.news-right .image{width:100%;height:200px}}@media (max-width: 319.98px){.news-title{font-size:.8rem}.news-card-container{flex-direction:column;align-items:center;gap:0}.news-cards-wrapper{padding-inline:.8rem}}.badge-container{display:flex;cursor:pointer;overflow:hidden;padding:1.2rem 1rem;border-radius:.6rem;width:180px;gap:1rem;position:relative}.badge-text{align-content:center;color:#fff;flex:1;font-weight:700;z-index:1}.badge-image svg{top:-50%;right:-20px;fill:#fff3;position:absolute;font-size:6rem}.pokedex{padding:2rem}.pokedex-cards{display:grid;padding-block:1rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow-y:hidden}.pokedex .pokemon-card,.pokedex-cards .pokemon-card-container .pokemon-card,.poke-ball{overflow:hidden}.container{position:relative}header{padding-block:1.5rem;width:100%;position:fixed;background-color:#fff;z-index:1000;overflow:hidden;top:0}.pokemon-ball-bg svg{font-size:13.5rem;position:absolute;right:-3rem;z-index:-1;top:-3rem;fill:#bcbaba4d}.nav-container{display:flex;gap:4rem;padding-inline:var(--padding-inline)}.logo{display:flex;gap:.5rem}.logo img{object-fit:contain}.nav-left{color:#000}.nav-right{display:flex;align-items:center;width:50%;background:var(--light-gray);gap:.5rem;padding:.5rem;border-radius:80px;color:var(--dark-gray)}.search-icon{padding-left:1rem}.search-input{width:100%}.search-input input{width:100%;padding:.5rem;outline:none;border:none;background:var(--light-gray);font-size:1.1rem;color:var(--dark-gray)}.search-input input::placeholder{color:var(--dark-gray)}.nav-container{flex-direction:row}@media (max-width: 991.98px){.nav-right{width:50%}}@media (max-width: 767.98px){.pokemon-ball-bg svg{font-size:12rem}}@media (max-width: 575.98px){.container{display:flex;flex-direction:column;justify-content:center}.nav-container{gap:2rem;flex-direction:column;align-items:center}.logo{justify-content:center}.nav-right{width:90%}}@media (max-width: 319.98px){.container{display:flex;justify-content:center}.nav-container{flex-direction:column;gap:2rem;text-align:center}.nav-right{text-align:center;width:100%}}.pk-details{overflow:hidden}.pk-details-container{display:flex;flex-direction:column}.pk-details-container .pokemon-card{width:100%;height:100%;border-radius:0;overflow:hidden;padding:2rem}.pk-details-container .pc-right .poke-ball{bottom:0;right:0}.pk-stats-card{background-color:#fff;border-top-left-radius:2rem;border-top-right-radius:2rem}.pk-stats{display:flex;justify-content:center;width:70%;margin:0 auto}.pk-stats-container{display:flex;flex-direction:column;padding:2rem;width:100%}.pk-stats-head-container{display:flex;gap:2rem;border-bottom:2px solid var(--light-gray);margin-bottom:1rem}.pk-stats-head{font-weight:700;color:var(--dark-gray);cursor:pointer;padding-bottom:1rem;border-bottom:3px solid transparent;transition:all .3s ease}.pk-stats-head.active-tab{border-bottom:3px solid black;color:#000}.pk-stats-content{display:flex;flex-direction:column;min-height:200px;gap:1rem}.pk-stats-content-title{display:flex;justify-content:space-between;padding-block:.2rem;text-transform:capitalize;gap:2rem}.pk-stats-content-title .title{color:var(--dark-gray)}.detailtabs-content:first-letter{text-transform:capitalize}.detailtabs-content.moves-content{width:100%;text-transform:capitalize}.detailtabs-content.moves-content p{color:var(--dark-gray);padding-bottom:.2rem}.stat-row{display:flex;align-items:center;margin-bottom:.8rem}.stat-name{width:130px;text-transform:capitalize;font-weight:500;font-size:14px;color:var(--dark-gray)}.stat-bar-wrapper{background-color:#eee;height:8px;width:100%;margin:0 1rem;border-radius:6px;overflow:hidden}.stat-bar{height:100%;border-radius:6px;transition:width .4s ease-in-out}.stat-bar.hp{background-color:#ff5959}.stat-bar.attack{background-color:#f5ac78}.stat-bar.defense{background-color:#fae078}.stat-bar.special-attack{background-color:#9db7f5}.stat-bar.special-defense{background-color:#a7db8d}.stat-bar.speed{background-color:#fa92b2}.stat-value{width:30px;text-align:right;font-weight:600;font-size:14px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pk-details-container .pc-right .poke-ball .pokemon-ball{animation:rotate 3s linear infinite;display:inline-block}@media (max-width: 767.98px){.pk-stats-container{width:max-content}.pk-stats-content{width:100%}.nav-container{flex-direction:column}}@media (max-width: 575.98px){.pk-stats{padding-inline:2rem}.pk-stats-container{padding-inline:0}.home-container .news-cards .news-card{margin-block:0}}@media (max-width: 319.98px){.pk-stats-head-container{gap:.8rem}}.evolution-chain{padding-block:2rem}.ec-container{padding-block:1rem;padding-inline:1rem;text-align:center}.ec-head{padding-bottom:1rem;text-align:left}.ec-pokemons{display:flex;gap:1rem;align-items:center;position:relative;justify-content:space-evenly}.chain-connector{position:absolute;height:4px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--type-color);width:50%}.chain-connector.no-evolution,.chain-connector.one-evolution{display:none}.ec-pokemon-name{text-transform:capitalize;color:#000;padding-block:.5rem}.ec-pokemon{width:200px;position:relative}.ec-pokemon-image{width:200px;height:200px;margin:0 auto;border-radius:100%;padding:1.5rem;background-color:var(--light-gray);display:flex;border:4px solid var(--type-color);align-items:center;justify-content:center;overflow:hidden}.ec-pokemon-image img{width:100%;height:auto;max-height:100%;object-fit:contain}@media (max-width: 575.98px){.pk-details-container{flex-direction:column}.pk-details-container .pokemon-card,.pk-stats-content-title{width:100%}.pk-stats-content{width:400px;min-height:250px}.detailtabs-content{width:100%}.ec-pokemons{flex-direction:column}}@media (min-width: 576px) and (max-width: 767.98px){.pk-details-container{flex-direction:column}.pk-details-container .pokemon-card,.pk-stats-content-title{width:100%}.pk-stats-content{width:400px;min-height:250px}.detailtabs-content{width:100%}.ec-pokemons{flex-direction:column}}.pn-container{padding-inline:1.5rem}.pn-container .news-title{font-size:.7rem}.pn-container .news-card{margin-block:1rem;border-bottom:1px solid var(--dark-gray)}.pn-container .pn-news-cards a{color:#000}.pn-section-heading{margin-block:1rem}.pn-pagination{margin-top:20px;text-align:center}.pn-pagination button{margin:0 5px;padding:8px 12px;border:none;background-color:#efefef;cursor:pointer;border-radius:4px;font-weight:700;transition:background-color .2s ease}.pn-pagination button:hover{background-color:#ccc}.pn-pagination .active-page{background-color:#ffcb05;color:#000}.pn-pagination button{margin:2px;padding:6px 12px;border:none;background-color:#eee;cursor:pointer}.pn-pagination button.active-page{background-color:gold;font-weight:700}.pn-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.single-news-container{padding-inline:3rem;width:70%;margin:0 auto;padding-block:3rem}.sn-title,.sn-author,.sn-date,.sn-summary,.sn-text{padding-inline:9rem}.sn-title{font-size:.8rem}.sn-title,.sn-author,.sn-date{padding-block:.5rem}.sn-image{width:850px;margin:0 auto;border-radius:.5rem;overflow:hidden}.sn-image img{display:block;width:100%;height:100%;overflow:hidden;object-fit:cover}