html{font-size:62.5%}body{width:100%;height:100vh;background:hsl(0,0%,95%)}.loading-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading{width:14rem;height:14rem;background:hsl(0,0%,95%);border-radius:50%;display:flex;justify-content:center;align-items:center}.loading-spinner{width:80%;height:80%;background:#fff;border-radius:50%;border-top:2rem solid red;animation:spin 3s linear infinite}h1{font-size:2.5rem;font-weight:700;margin-top:2rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}body{font-family:Nunito,sans-serif;background-color:#f2f2f2;text-transform:capitalize}.header{width:100%;height:25vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}.header h1{font-size:2.5rem;font-weight:800;margin:2rem 0}.header .search{display:flex;justify-content:center;align-items:center;width:100%;margin:1rem 0}.header .search input{width:20%;height:30px;padding:1rem;border-bottom:1px solid #8628b8;border-top:none;border-left:none;border-right:none;outline:none;font-size:1rem}.pokemon-container{width:100%;height:70%;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:3vh}.pokemon-container .card{width:21%;height:350px;background:#fff;margin:1rem;box-shadow:2px 2px 10px #0000001a}.pokemon-container .card .pok_img{width:100%;height:40%;display:flex;justify-content:center;align-items:center}.pokemon-container .card .pok_img{width:100%;height:40%;display:flex;justify-content:center;align-items:center;position:relative}.pokemon-container .card .pok_img:before{content:"";position:absolute;top:2%;left:2%;width:95%;height:100%;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-container .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-container .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}.pokemon-container .card .pok_img img{position:relative;width:80%;height:80%;z-index:2}.pokemon-container .card .poke_name{width:100%;height:24%;display:flex;flex-direction:column;justify-content:center;align-items:center}.pokemon-container .card .poke_name h1{font-size:1.5rem;font-weight:800;text-transform:capitalize}.pokemon-container .card .poke_name .poke_type{background:#78d978;padding:.2rem 1rem;border-radius:1rem;margin-top:.6rem}.pokemon-container .card .poke_info{width:100%;height:36%}.pokemon-container .card .poke_info .r1{width:100%;height:50%;display:flex;justify-content:space-around;align-items:center}.pokemon-container .card .poke_info p{font-size:.9rem;font-weight:600}.pokemon-container .card .poke_info p span{font-weight:400;font-size:.9rem}.pokemon-container .card .poke_info .r2{width:100%;height:50%;display:flex;justify-content:space-around;align-items:center;padding-bottom:1rem}.pokemon-container .card .poke_info .r2 p{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:500px){html{font-size:80%}.header .search input,.pokemon-container .card{width:70%}}