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}.rock{background-color:#945151}.ghost{background-color:#f7f7f7}.electric{background-color:#ffffa1}.bug{background-color:#f6d6a7}.poison{background-color:#e0a7f6}.normal{background-color:#f4f4f4}.fairy{background-color:rgba(255,192,203,.863)}.fire{background-color:#fbe3df}.grass{background-color:#e2f9e1}.water{background-color:#e0f1fd}.app-container{min-height:100vh;padding:3rem .5rem}.app-container,.pokemon-container{flex-direction:column}.all-container,.app-container,.pokemon-container{align-items:center;display:flex;justify-content:center}.all-container{flex-wrap:wrap;gap:20px}.thumb-container{align-items:center;border:1px solid #efefef;border-radius:.2rem;box-shadow:0 3px 15px rgba(0,0,0,.089);display:flex;flex-direction:column;justify-content:center;margin:.3rem;min-width:160px;padding:1.5rem 0;text-align:center}h3{margin-bottom:.2rem}.thumb-container .number{background-color:hsla(0,0%,100%,.3);border-radius:1rem;padding:.2rem .4rem}.thumb-container img{height:120px;width:120px}.thumb-container small{text-transform:capitalize}.detail-wrapper{display:flex;flex-direction:column;width:100%}.detail-wrapper button{background-color:rgba(0,0,0,.185);border:none;border-radius:.2rem;color:#161616;cursor:pointer;margin-top:1rem;padding:.5rem}.load-more{background:#f5f5f5 linear-gradient(#f5f5f5,#f1f1f1) repeat-x;border:1px solid #c6c6c6;border-radius:2px;color:#444;cursor:pointer;margin-top:1rem;min-width:50%;padding:.5rem 1.5rem}.load-more:hover{background:#f5eeee linear-gradient(#f5eeee,#f5eeee) repeat-x}.title-container{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;flex-direction:row;margin-bottom:2rem}.title-container img{height:100%;width:90px}@media screen and (max-width:300px){.title{font-size:1.5rem}.load-more{min-width:none;width:80%}}
/*# sourceMappingURL=main.bd72cf8a.css.map*/