*{margin:0;padding:0}body{background:#ffffff;font-family:Poppins,sans-serif}.header{margin:0 auto}.parent-container{display:flex;justify-content:center;align-items:center;height:100vh}.flip-card{box-sizing:border-box;background-color:transparent;width:170px;height:200px;perspective:1000px;cursor:pointer;user-select:none}.active{transform:rotateY(180deg)}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .4s;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:10px;backface-visibility:hidden}.flip-card-front{background-color:#fff;color:#000;display:flex;justify-content:center;box-shadow:0 5px 10px #00000080;align-items:center}.flip-card-front img{display:block;width:80px;height:80px;transform:rotateY(180deg)}.flip-card-back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 0%,#cecece 36%,#fefefe 36.5%);background-position:center;background-size:400px 250px}.hp{width:50px;background-color:#fff;text-align:center;padding:2px 0;border-radius:30px;margin:5px 5px 5px auto;font-weight:400;font-size:.7em}.poke-img{display:block;max-height:100px;margin:-30px auto -10px;z-index:1}.poke-name{text-align:center;font-weight:600;font-size:1.1em;text-transform:capitalize}.types{display:flex;justify-content:space-around}.types-span{padding:2px 7px;border-radius:30px;font-size:.6em;font-weight:500;color:#fff}.types-span p{font-size:14px}.stats{display:flex;align-items:center;justify-content:space-between;text-align:center;padding:5px 10px;font-size:15px}.stats p{line-height:0;color:#404060;font-size:.7em}.button-53{background-color:#3dd1e7;border:0 solid #e5e7eb;box-sizing:border-box;color:#000;display:flex;font-family:ui-sans-serif,system-ui,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:700;justify-content:center;line-height:1.75rem;padding:.75rem 1.65rem;text-align:center;text-decoration:none #000000 solid;text-decoration-thickness:auto;width:100%;max-width:460px;position:relative;cursor:pointer;transform:rotate(-2deg);user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-53:focus{outline:0}.button-53:after{content:"";position:absolute;border:1px solid #000000;bottom:4px;left:4px;width:calc(100% - 1px);height:calc(100% - 1px)}.button-53:hover:after{bottom:2px;left:2px}@media (min-width: 768px){.button-53{padding:.75rem 3rem;font-size:1.25rem}}.container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;padding:20px;border-radius:10px;box-shadow:inset 0 10px 20px 2px #00000040;justify-items:center;align-content:center}