body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-light-color:#fff;--bg-dark-color:#000;--bg-after-color:rgba(14,12,14,.6);--bg-poke-color-light-normal:hsla(43,47%,94%,.928);--bg-poke-color-light-fighting:hsla(0,66%,91%,.886);--bg-poke-color-light-flying:rgba(247,233,242,.928);--bg-poke-color-light-poison:rgba(242,233,247,.928);--bg-poke-color-light-ground:hsla(39,47%,94%,.928);--bg-poke-color-light-rock:hsla(35,58%,85%,.796);--bg-poke-color-light-bug:rgba(234,247,233,.928);--bg-poke-color-light-ghost:rgba(245,233,247,.823);--bg-poke-color-light-steel:hsla(43,47%,94%,.928);--bg-poke-color-light-fire:hsla(0,47%,94%,.928);--bg-poke-color-light-water:rgba(176,224,238,.928);--bg-poke-color-light-grass:rgba(233,247,239,.928);--bg-poke-color-light-electric:hsla(51,47%,94%,.928);--bg-poke-color-light-psychic:rgba(247,233,243,.928);--bg-poke-color-light-ice:rgba(233,238,247,.928);--bg-poke-color-light-dragon:rgba(240,233,247,.928);--bg-poke-color-light-dark:hsla(45,2%,57%,.27);--bg-poke-color-light-fairy:rgba(247,233,244,.928);--bg-poke-color-light-unknown:hsla(43,47%,94%,.928);--bg-poke-color-light-shadow:rgba(247,233,243,.928);--bg-poke-color-dark-normal:hsla(40,70%,74%,.835);--bg-poke-color-dark-fighting:rgba(221,88,88,.835);--bg-poke-color-dark-flying:rgba(175,100,225,.667);--bg-poke-color-dark-poison:rgba(165,92,205,.835);--bg-poke-color-dark-ground:hsla(42,70%,74%,.511);--bg-poke-color-dark-rock:rgba(203,140,95,.749);--bg-poke-color-dark-bug:rgba(156,235,142,.835);--bg-poke-color-dark-ghost:rgba(203,142,235,.835);--bg-poke-color-dark-steel:hsla(140,1%,57%,.835);--bg-poke-color-dark-fire:hsla(0,70%,74%,.835);--bg-poke-color-dark-water:rgba(142,235,215,.835);--bg-poke-color-dark-grass:rgba(144,232,123,.835);--bg-poke-color-dark-electric:hsla(57,70%,74%,.835);--bg-poke-color-dark-psychic:rgba(235,142,221,.835);--bg-poke-color-dark-ice:rgba(142,235,234,.835);--bg-poke-color-dark-dragon:rgba(149,95,203,.831);--bg-poke-color-dark-dark:hsla(45,2%,57%,.928);--bg-poke-color-dark-fairy:rgba(235,142,230,.42);--bg-poke-color-dark-unknown:hsla(43,47%,94%,.928);--bg-poke-color-dark-shadow:rgba(247,233,243,.928)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light-color);position:relative}.container{display:flex;flex-direction:column;min-height:100vh;padding:0 50px}.navbar{margin-bottom:30px;padding:20px 0}.navbar__title{display:block;font-size:2.5em;font-weight:700;text-align:center;text-shadow:5px 5px 10px #20b2aa}.search{border-color:1px solid #0f0f0f;display:flex;height:60px;margin-bottom:30px;padding:10px;width:100%}.search__wrapper{height:100%;position:relative;width:90%}.search__input{border:1px solid gray;border-bottom-left-radius:4px;border-top-left-radius:4px;color:#20b2aa;height:100%;outline:none;padding:10px 10px 10px 40px;width:100%}.search__input:focus{border:1px solid #000}.search__input::-webkit-input-placeholder{color:#20b2aa;font-weight:700}.search__input::placeholder{color:#20b2aa;font-weight:700}.search__icon{bottom:25%;height:50%;left:10px;position:absolute;top:25%}.search__button{background-color:#000;border:1px solid transparent;color:#fff;display:block;font-weight:700;height:100%;width:10%}.search__button:hover{cursor:pointer}.grid{padding-bottom:40px}.grid__pokemon{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);padding:10px}.grid__button{background-color:#20b2aa;border:none;border-radius:10px;font-weight:700;margin:0 auto;outline:none;padding:10px 20px}.grid__wrapper-button{align-items:center;display:flex;padding-top:20px;position:relative;z-index:7}.grid__button:hover{cursor:pointer}.card{align-items:flex-end;background-color:hsla(45,2%,57%,.27);border-radius:5px;display:flex;justify-content:space-around;padding:20px 0;position:relative}.card:after{background-color:hsla(0,0%,100%,.579);border-radius:50%;content:"";height:80px;position:absolute;right:50px;top:25%;-webkit-transform:rotate(8deg);transform:rotate(8deg);width:40px}.card:hover{cursor:pointer}.card__title{align-items:center;display:flex;height:15%;left:5%;position:absolute;top:6%}.card__title-img{display:block;height:100%;width:100%}.card__title-text{font-weight:500;margin-left:10px}.card__badge{border-radius:5px;color:rgba(0,0,0,.739);display:flex;font-size:.8em;font-weight:700;justify-content:flex-start;padding:2px 5px;position:absolute;right:0;text-align:center;top:0}.card__badge-Icon{display:inline-block;height:100%;margin-right:10px;width:20%}.card__badge-text{display:inline-block;text-align:center}.card__image{display:block;height:100%;width:40%;z-index:2}.modal{background-color:hsla(0,24%,96%,.961);border-radius:10px;color:#000;left:35%;position:fixed;right:35%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.modal__content{display:flex;flex-direction:column}.modal__content-description,.modal__content-features,.modal__content-other{padding:20px}.modal__content-features{border-top-left-radius:10px;border-top-right-radius:10px;color:#000;display:flex;font-size:.9em;font-weight:600;height:150px;justify-content:space-between;margin-bottom:-94px}.modal__content-featuresHabitat{display:flex;width:100%}.modal__content-featuresImage{display:block;height:60px;width:60px}.modal__content-featuresLeft,.modal__content-featuresRight{display:flex;flex-direction:column;row-gap:10px}.modal__content-features span:not(.modal__content-featuresHabitat){border:1px solid #000;border-radius:5px;padding:0 10px}.modal__content-description{align-items:center;display:flex;flex-direction:column}.modal__content-descriptionImage{background-color:hsla(0,24%,96%,.961);border-radius:50%;display:block;margin-bottom:-10px;width:40%}.modal__content-descriptionTitle{font-size:1.4em;text-transform:uppercase}.modal__content-descriptionParagraph{font-size:.8em;margin-top:1em;text-align:center}.modal__content-other{display:flex;gap:20px;justify-content:space-around}.modal__content-otherBreadcrumbAbility{display:flex;flex-direction:column;margin-top:5px}.modal__content-otherBreadcrumbAbilities{margin-bottom:10px}.modal__content-otherStats{width:60%}.modal__content-otherStatsTitle{text-align:center}.modal__content-otherStat{display:flex;flex-direction:column}.modal__content-otherStatContent{display:flex;font-size:.7em;justify-content:space-between}.modal__content-otherStatTimeLine{background-color:gray;border-radius:5px;height:.4em;margin-bottom:5px;position:relative;width:100%}.modal__content-otherStatTimeLineStat{background-color:#000;border-radius:5px;height:inherit;left:0;position:absolute;top:0;z-index:10}.dark:after{background-color:var(--bg-after-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:9}.modal__close{background-color:#000;border:none;font-size:1.1em;outline:none;position:absolute;right:10px;top:-25px;z-index:11}.modal__close:hover{cursor:pointer}.footer{background-color:var(--bg-dark-color);color:#20b2aa;margin-top:auto;padding:12px 0;text-align:center}@media only screen and (max-width:1030px){.grid__pokemon{grid-template-columns:repeat(3,1fr)}.card__image{height:100%;width:40%}.modal{left:27%;right:27%}}@media only screen and (max-width:760px){.grid__pokemon{grid-template-columns:repeat(2,1fr)}.card__image{width:40%}.modal{left:15%;right:15%}.search__wrapper{width:80%}.search__button{width:20%}}@media only screen and (max-width:550px){.grid__pokemon{grid-template-columns:1fr}.card__image{height:100%;width:40%}.modal{left:14%;right:14%}.search__wrapper{width:80%}.search__button{width:20%}}@media only screen and (max-width:430px){.grid__pokemon{grid-template-columns:1fr}.card__image{height:100%;width:40%}.modal{left:0;right:0}.search__wrapper{width:80%}.search__button{width:20%}.container{padding:0}}
/*# sourceMappingURL=main.8cfcd5b7.css.map*/