@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;900&display=swap);body{background-color:#fafafa;color:#000;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}header{align-items:center;display:flex;height:100px;justify-content:center}.search-form{background:#c9c9c9;width:280px}.search-form,.type-select{border:none;border-radius:8px;box-sizing:border-box;height:50px;padding-left:10px}.type-select{background-color:#7272ff;color:#fff;margin-left:10px;width:80px}input:focus,select:focus{outline:none!important}button:hover,select:hover{cursor:pointer}.wrapper{margin:0 auto;max-width:1100px;padding-bottom:50px;text-align:center}.pokemon-cards{display:flex;flex-wrap:wrap;justify-content:center}.pokemon-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 2px 5px #aaa;display:flex;flex-direction:column;height:300px;margin:15px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:250px}.pokemon-card:hover{cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pokemon-card h2{font-weight:900;margin:0}.pokemon-card h2:first-letter{text-transform:capitalize}.pokemon-card img{width:150px}.desc{width:90%}.desc-info{text-align:center}.desc-info h3{font-size:16px;font-weight:400;margin-bottom:2px}.desc-info p{font-size:12px;font-weight:300;margin:0}.desc-type{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:25px}.desc-type p{border:2px solid #7272ff;border-radius:5px;font-size:15px;font-weight:500;letter-spacing:1px;margin:0 5px;padding:5px 8px}.skeleton-element{display:inline-block;margin:15px}.skeleton-element.more{margin:40px 15px 60px}.load-more{background-color:#7272ff;border:none;border-radius:8px;color:#fff;margin:40px 0 60px;padding:20px 25px}.modal{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background-color .2s,color .2s;width:100vw;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;height:80%;max-height:400px;max-width:400px;position:relative;width:100%}.modal-content h1{margin:-25px 0 25px;text-transform:capitalize}.modal-content div{text-align:left}.modal-content h4{font-size:20px;font-weight:500;margin-left:30px}.modal-content h4 span{font-weight:900;position:relative}.modal-content h4 span:after{border-radius:5px;bottom:-5px;content:"";font-weight:900;height:5px;left:0;width:100%}.close-btn,.modal-content h4 span:after{background-color:#7272ff;position:absolute}.close-btn{border:none;border-radius:8px;color:#fff;padding:5px 8px;right:5px;top:5px;transition:.2s}.close-btn:hover{-webkit-transform:translateY(1px);transform:translateY(1px)}.modal-image{width:50%}.switch{position:fixed;right:30px;top:20px;transition:background-color .2s,color .2s}.dark{background-color:#263646;color:#fff}.dark-card{background-color:#34495e;box-shadow:none}@media (max-width:1050px){.switch{align-items:center;display:flex;height:60px;justify-content:right;padding-right:30px;position:relative;right:auto;top:auto}}@-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;width:100%;z-index:1}.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%)}
/*# sourceMappingURL=main.8dd0a763.css.map*/