@import "https://fonts.googleapis.com/css2?family=Pontano+Sans:wght@300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.details-content{min-height:71.25vh}.exit-button{justify-self:end;width:7.5vw;margin:1rem 1rem 1rem 0;display:flex}.pokemon-title{justify-content:space-around;align-items:center;width:100vw;margin:1rem 0;display:flex}.details-pokemon-name{text-transform:capitalize;letter-spacing:1px;text-align:center;color:#1e1e1e;font-family:Poppins,sans-serif;font-size:x-large;font-weight:600}.pokemon-id{letter-spacing:1px;color:#414141;font-family:Roboto,sans-serif;font-size:large}.details-types-list{justify-content:space-evenly;width:100vw;display:flex}.details-types{text-transform:capitalize;text-align:center;color:#fff;border-radius:1rem;width:25%;padding:.25rem}.hidden{color:#f2f2f2}.details-pokemon-img{justify-self:center;width:75vw;margin:1rem 0;display:flex}.details-container{background-color:#fff;border-radius:.25rem;flex-direction:column;justify-self:center;width:85vw;padding:.5rem;display:flex;box-shadow:0 4px 10px #00000026}.options-list{justify-content:space-between;width:100%;margin-bottom:1rem;display:flex}.option{cursor:pointer;text-align:center;color:#1e1e1e;width:45%;font-weight:500}.active-tab{border-bottom:2px solid #3b82f6}.details-pokemon-info-list{text-transform:capitalize;gap:1rem;width:100%;margin-bottom:.5rem;display:flex}.details-label{color:#414141;width:33%}.subheading{margin:1rem 0 .5rem;font-family:Poppins,sans-serif;font-size:medium;font-weight:600}.stats-bar{align-items:center;gap:.25rem;width:100%;display:flex}.stats{width:15%}.bar-bg{background-color:#f2f2f2;border-radius:1rem;width:100%;height:8px;overflow:hidden}.bar{height:100%}@media (width>=768px){.exit-button{width:4vw}.pokemon-title{justify-self:center;width:65vw;margin:2.5rem 0}.details-types-list{justify-self:center;width:65vw}.details-pokemon-img{width:50vw}.details-container{width:60vw}.details-label{width:20%}}@media (width>=1024px){.exit-button{width:3vw}.pokemon-title,.details-types-list{width:55vw}.details-pokemon-img{width:40vw}.details-container{width:45vw}}@media (width>=1440px){.exit-button{width:2vw}.pokemon-title,.details-types-list{width:50vw}.details-pokemon-img{width:30vw}.details-container{width:32.5vw}}.good{background-color:#22c55e}.medium{background-color:#f59e0b}.bad{background-color:#ef4444}*{box-sizing:border-box;color:#1e1e1e;margin:0;padding:0;font-family:Roboto,sans-serif;text-decoration:none;list-style:none}html{overflow-x:hidden}body{background-color:#f2f2f2;overflow-x:hidden}a{-webkit-tap-highlight-color:transparent}a:focus,a:focus-visible{outline:none}#root{min-height:100vh}.home-header{background:linear-gradient(#e3350d,#b32809);justify-content:center;align-items:center;width:100vw;height:12.5vh;display:flex}.title{letter-spacing:1px;text-align:center;color:#1e1e1e;margin:1rem 0;font-family:Poppins,sans-serif;font-size:xx-large}.title-point{color:#3b82f6;font-family:Pontano Sans,sans-serif}.container{grid-template-columns:repeat(2,1fr);place-items:center;row-gap:1rem;width:100vw;display:grid}.pokemon-card{background-color:#fff;border-radius:.25rem;align-items:end;width:45vw;height:7rem;padding:.5rem;display:flex;box-shadow:0 4px 10px #00000026}.pokemon-info{flex-direction:column;justify-content:center;gap:.75rem;width:50%;height:100%;display:flex}.pokemon-name{text-transform:capitalize;text-align:start;width:200%}.types-list{flex-direction:column;gap:.25rem;display:flex}.types{text-transform:capitalize;text-align:center;color:#fff;border-radius:1rem;font-size:small}.pokemon-img{object-fit:contain;width:50%;max-height:100%}.home-footer{background:linear-gradient(#e3350d,#b32809);justify-content:center;align-items:center;width:100vw;height:12.5vh;margin-top:1rem;display:flex}.copyright{text-align:center;color:#fff}.home-loading{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:73.5vh;display:flex}.loading-spinner{width:50vw;max-height:25vh;animation:1s linear infinite spin}.loading-title{letter-spacing:1px;text-align:center;color:#1e1e1e;margin:1rem 0;font-family:Poppins,sans-serif;font-size:x-large}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=768px){.container{grid-template-columns:repeat(3,1fr)}.types{max-width:75%}.pokemon-card{width:25vw}}@media (width>=1024px){.container{grid-template-columns:repeat(4,1fr)}.pokemon-card{width:20vw}}@media (width>=1440px){.container{grid-template-columns:repeat(5,1fr)}.pokemon-card{width:15vw}}.poison{background-color:#ab6ac8}.flying{background-color:#8fa8dd}.grass{background-color:#63bb5b}.fire{background-color:#ff9c54}.water{background-color:#4d90d5}.bug{background-color:#90c12c}.normal{background-color:#9099a1}.fighting{background-color:#ce4069}.psychic{background-color:#f97176}.dragon{background-color:#0a6dc4}.ghost{background-color:#5269ac}.dark{background-color:#5a5366}.ground{background-color:#d97746}.fairy{background-color:#ec8fe6}.rock{background-color:#c7b78b}.electric{background-color:#f3d23b}.ice{background-color:#79d7c9}.steel{background-color:#5a8ea1}