*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader{margin-top:7em}.App-logo{height:20vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 1.2s linear infinite;animation:App-logo-spin 1.2s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pokemon-link{color:#000;text-decoration:none}.pokemon{align-items:center;background:#fff;border:1px solid #d4cece;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:1em;height:100%;padding:1em;position:relative;width:15.5em}.pokemon:hover{border:1px solid #ed5564;cursor:pointer}.pokemon img{border-top-left-radius:5px;border-top-right-radius:5px;height:8em;width:8em}.main-body{gap:1.2em;min-height:100vh;overflow-x:hidden;padding-top:2em;position:relative}.main-body,header{align-items:center;display:flex;flex-direction:column}header{gap:1em}.heading{align-items:center;color:#ef4550;display:flex;gap:.4em;margin:0 auto}.heading img{height:3em;width:3em}header .sub-text{color:#434a54;font-size:1.2em;text-align:center;width:80%}.pokemon-list{grid-gap:2em;display:grid;grid-template-columns:repeat(4,1fr);height:100%;margin-top:1em;padding:1em}.nav-btns{display:flex;gap:4em;margin:2em}.nav-btns button{border:2px solid #000;cursor:pointer;font-size:1.1em;padding:.5em 1.5em}button.next-btn{background:#ef4550;border:2px solid #ef4550;color:#fff}.search-box{display:flex;justify-content:space-around;width:30em}.search-bar{align-items:center;border:2px solid #ccc;border-radius:6px;color:#ef4550;display:flex;gap:1em;width:80%}.search-bar input{border:none;font-size:1em;margin-top:.1em;outline:none;padding:.8em;width:85%}@media (max-width:560px){header .sub-text{font-size:1.1em}.pokemon-list{grid-template-columns:repeat(1,1fr)}.search-box{width:100%}}@media (min-width:561px) and (max-width:830px){.pokemon-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:831px) and (max-width:1024px){.pokemon-list{grid-template-columns:repeat(3,1fr)}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.pokemon-details-body{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,50%,.096);bottom:0;display:flex;justify-content:space-around;left:0;min-height:0;position:fixed;right:0;top:0;z-index:2}.pokemon-details-box{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide-in;animation-name:slide-in;background:#fff;border-radius:.8em;box-shadow:0 0 15px 1px rgba(80,78,78,.2);height:95%;margin:0 auto;overflow-y:scroll;padding:15px;width:50%}.pokemon-details-box .return-link{color:#ef4550;text-align:right}.pokemon-details-box::-webkit-scrollbar{width:6px}.pokemon-details-box::-webkit-scrollbar-thumb{background-color:#d6d8da;border:1px solid #d6d8da;border-radius:20px}.pokemon-details{margin-top:.7em;text-align:center}.pokemon-details .pokemon-image{height:12em;width:12em}.pokemon-info{display:flex;flex-direction:column;gap:1em;justify-content:space-between;margin-left:.5em;text-align:left}.pokemon-info h3{margin-bottom:.2em}.pokemon-info ul{display:flex;flex-wrap:wrap;gap:.6em;list-style:none;width:80%}.move-names p,.stat-names p,.type-names p{background:#e6e9ed;border-radius:.7em;padding:.3em .5em;text-align:center}.stat-names p{background:#ef4550;color:#fff;padding:1em}@media (max-width:480px){.pokemon-details-box{width:90%}}@media (min-width:481px) and (max-width:768px){.pokemon-details-box{width:75%}}@media (min-width:769px) and (max-width:1024px){.pokemon-details-box{width:70%}}
/*# sourceMappingURL=main.5904e7b1.css.map*/