.navbar{align-items:center;background:var(--color-dark);display:grid;height:60px;justify-content:center;width:100%}.navbar span{color:#fff;font-size:1.5rem;font-weight:700}.footer{display:flex;justify-content:center;margin:50px 0}.footer__pages{background:var(--color-gray);border-radius:15px;padding:0 25px}.footer__btn{background:transparent;border:0;color:var(--color-dark);font-size:1rem;padding:10px}.footer__btn:hover{cursor:pointer;font-weight:700;text-decoration:underline}.footer__btn:first-of-type{padding-right:30px}.footer__btn:last-of-type{padding-left:30px}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:flex;height:100%;left:0;padding-bottom:50px;position:fixed;top:0;width:100%;z-index:999}.modal__content{grid-gap:20px;background-color:#fefefe;border:1px solid #888;border-radius:5px;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;justify-items:center;margin:auto;padding:50px;position:relative;width:600px}@media screen and (max-width:450px){.modal__content{grid-template-columns:auto}}.modal__header{grid-gap:10px;display:grid}.modal__body{display:grid;justify-content:center;justify-items:center;text-align:center}.modal__close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:15px;top:5px}.modal__close:focus,.modal__close:hover{color:#000;cursor:pointer;text-decoration:none}.pokemon__image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:192px}.pokemon__name{color:var(--color-dark);font-weight:700;text-transform:capitalize}.pokemon__id{color:#555;font-size:.8rem}.pokemon__types{grid-gap:5px;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-bottom:20px}.pokemon__type{border-radius:5px;color:#fff;font-weight:600;padding:5px 10px;text-align:center}.pokemon__flavor-text{color:var(--color-dark)}.pokemon__about,.pokemon__stats{grid-gap:10px;display:grid;margin-top:20px}.pokemon__about span:first-child,.pokemon__stats span:first-child{text-transform:capitalize}.pokemon__group{grid-gap:5px;display:grid;grid-template-columns:repeat(2,1fr)}.pokemon__group span:first-child{color:#999}.pokemon__group span:last-child{color:var(--color-dark);text-align:end}.react-tabs__tab-list{margin:0 0 10px;padding:0}.react-tabs__tab{bottom:-1px;color:#999;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-radius:5px 5px 0 0;color:var(--color-dark)}.react-tabs__tab--selected:after{background:var(--color-dark);bottom:-5px;content:"";height:3px;left:15px;position:absolute;right:15px}.react-tabs__tab:focus{outline:none}.react-tabs__tab-panel{display:none;margin-top:30px;text-align:justify}.react-tabs__tab-panel--selected{display:block}.card{background:var(--color-gray);border-radius:5px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);justify-items:center;padding:15px;transition:.2s;width:210px}.card:hover{box-shadow:1px 2px 5px rgba(0,0,0,.2);cursor:pointer;transition:.2s}.card__image{align-self:center}.card__infos{grid-gap:10px;align-self:flex-end;background:#fff;border-radius:5px;display:grid;padding:10px;width:100%}.card__id{color:#555;font-size:.8rem}.card__name{color:var(--color-dark);font-size:1.3rem;font-weight:700;text-transform:capitalize}.card__types{grid-gap:5px;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.card__type{border-radius:5px;color:#fff;font-weight:600;padding:5px 10px;text-align:center}.container{grid-gap:25px;display:grid;grid-template-columns:repeat(5,auto);justify-content:center;margin:50px}@media screen and (max-width:1200px){.container{grid-template-columns:repeat(auto-fill,210px)}}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}*{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0;padding:0}:root{--color-dark:#2b2d42;--color-gray:#eff5f5}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.cb94d1ba.css.map*/