@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";:root{--color1: rgb(158, 219, 219);--color2: rgb(255, 0, 231);--back: url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg)}.card12{left:18%;width:clamp(50%,55%,60%);height:clamp(35%,40%,50%);position:relative;margin:2rem;border-radius:5%/3.5%;box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px #fff0,0 55px 35px -20px #00000080;background-color:#040712;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform-origin:center;transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;background-image:var(--front)}.card12:before,.card12:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.card12:before{background-image:linear-gradient(115deg,transparent 0%,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);background-position:var(--gradientPos);opacity:.5;filter:brightness(.5) contrast(1)}.card12:after{background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(https://assets.codepen.io/13471/holo.png),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:var(--sparkPos);background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);opacity:var(--opacity)}.card12.animated{transition:none;animation:holoCard 12s ease 0s 1}@keyframes holoCard{0%,to{transform:rotate(0) rotateX(0) rotateY(0)}5%,8%{transform:rotate(0) rotateX(6deg) rotateY(-20deg)}35%,38%{transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}}*{padding:0;margin:0;font-family:Roboto,sans-serif}body{background-color:#efe4e4;background-image:url(/Designer.png)}.container{width:90%;margin:auto;padding-top:8rem;display:flex}.left-container{flex-basis:50%}.left-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,.5fr));grid-gap:1.5rem}.card{width:15rem;background-color:#9edef9;border-radius:1rem;box-shadow:0 5px 5px #000;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.card img{padding:.2rem;margin:.2rem;height:3.5rem}.right-container{position:sticky;background-image:url(/p2.png);background-size:cover;width:40rem;height:37rem;text-align:center;color:#000;top:3rem;right:4rem;border-radius:5%}.right-container img{position:relative;height:14em}.right-container h1{text-transform:uppercase;font-weight:700;letter-spacing:1px;background:linear-gradient(to right,#0b0b0b,#711635,#240b51,#03111d,#0c525c,#0d0e0d,#828d0b,#4d330a,#5f1f0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.abilities{width:30%;margin-left:30%;display:flex;justify-content:space-around;align-items:center;margin-top:1rem}.abilities .group{background-color:#b74555;color:#fff;margin:1%;padding:.5rem;font-size:12px;border-radius:8px}.base-stat{margin-top:2rem}.btn-group{display:flex}.btn-group button{outline:none;border:none;width:150px;padding:.3rem 0;margin:1rem;font-size:17px;font-weight:700;color:#fff;background-color:#b74555;border-radius:8px}.base-stat h3{background:linear-gradient(to right,#b41512,#711635,#240b51,#0682e8,#06b7ce,#08a911,#828d0b,#4d330a,#5f1f0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 872px){.container{flex-direction:column-reverse;width:90%;margin:auto;padding-top:8rem;display:flex}.right-container{position:sticky;background-image:url(data:image/png;base64,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);background-size:cover;width:32.4rem;height:38rem;text-align:center;color:#000;right:4rem;margin-bottom:2%;border-radius:5%}.right-container img{height:11rem}.left-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,.5fr));grid-gap:1.5rem;margin-right:-10rem}}