@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Kalnia+Glaze:wght@100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Kalnia+Glaze:wght@100..700&family=Sue+Ellen+Francisco&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&family=DynaPuff:wght@400..700&family=Kalnia+Glaze:wght@100..700&family=Sue+Ellen+Francisco&display=swap";*{margin:0;padding:0}h1{font-family:Caveat Brush,cursive;font-weight:400;font-style:normal}.spinner{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}body{background-color:#d7e6ed}.namepokeman{font-family:Caveat Brush,cursive;font-weight:400;font-style:normal;z-index:1}.h{color:red;margin-top:10%;text-align:center}ul li{list-style:none}.card-demo{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:51px;margin-top:51px;align-items:center;justify-content:space-around;text-align:center;box-sizing:border-box}.container{display:grid;flex-direction:column;justify-content:center;align-items:center;justify-items:center;margin:auto;padding:0;height:100%;width:100%}.inputsearch{width:23vw;min-width:370px;padding:3px 5px;text-align:center;border-radius:5px;font-weight:500;margin:10px;font-family:Sue Ellen Francisco,cursive;font-weight:600;font-style:normal}.pokemon-card{display:grid;row-gap:15px;height:400px;box-shadow:#00000059 0 5px 15px;transition:.3s,transform .3s}.pokemon-card:hover{transform:translatey(-25px);cursor:pointer;width:110%}ul{padding:0}.grid-three-cols{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:large;gap:5px;margin:5px;font-family:Sue Ellen Francisco,cursive;font-weight:600;font-style:normal}.types{background-color:#f21111;padding:2px 15px 7px;border-radius:15px;font-size:x-large;font-family:Sue Ellen Francisco,cursive;font-weight:500;font-style:normal}p{margin:0;padding:0}.pokemon-card{box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;background-color:#fff;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;padding:1.6rem;position:relative}.pokemon-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:40%;transform:rotate(180deg);background-color:#ebfbf1;z-index:0;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;-webkit-border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;-moz-border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;-ms-border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;-o-border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;transition:transform .3s,box-shadow .3s}.pokemon-card:hover:before{-webkit-border-radius:50% 50% 100% 0% / 99% 100% 0% 1%;-moz-border-radius:50% 50% 100% 0% / 99% 100% 0% 1%;-ms-border-radius:50% 50% 100% 0% / 99% 100% 0% 1%;-o-border-radius:50% 50% 100% 0% / 99% 100% 0% 1%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.pokemon-card:hover{transform:scale(1.03);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;box-shadow:#110c2e26 0 48px 100px}img{width:40%;height:100%;filter:drop-shadow(0px 50px 100px rgba(50,50,93,.25))}@media screen and (max-width: 1200px){.card-demo{grid-template-columns:1fr 1fr}.pokemon-card:before{height:35%}}@media screen and (max-width: 475px){.card-demo{grid-template-columns:1fr;margin:25px}.pokemon-card{max-width:241px;height:400px}.inputsearch{min-width:220px}.pokemon-card:before{height:30%}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}