#certificate{padding:0 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem;height:100vh;align-content:center}.light_back{height:100%;width:100%;position:fixed;min-height:100vh;background:radial-gradient(circle,#10e04e27,#0000003b,#000);background-position-y:0;background-size:auto;background-size:300% 300%;animation:gradientShift 12s ease infinite;background-position-x:0;background-position-y:37%;left:0;top:0}.previewCard{--gutter:1.5rem;--brightness:0.85;--saturation:1.5;--frostRadius:1.5rem;padding:var(--gutter);border-radius:var(--gutter);aspect-ratio:4/3;width:100%;max-width:32rem;display:grid;justify-content:start;align-content:end;position:relative;background:#333;overflow:hidden;cursor:pointer;transition:transform .25s ease-in-out;box-shadow:0 8px 32px rgba(0,0,0,.226),inset 0 1px 0 rgba(255,255,255,.25);img{transition:transform .5s ease-in-out}svg{transition:transform .25s ease-in-out}&:hover{img{transform:scale(1.1)}svg{transform:scale(1.5)}}&:after{content:"";position:absolute;inset:-.5rem;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(var(--frostRadius)) saturate(var(--saturation)) brightness(var(--brightness));backdrop-filter:blur(var(--frostRadius)) saturate(var(--saturation)) brightness(var(--brightness));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2));-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.5) 55%,black 75%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.5) 55%,black 75%)}}.backdrop{position:absolute;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}.content{position:relative;z-index:2;display:grid;bottom:0;justify-content:start;align-content:end;grid-gap:.5rem;gap:.5rem}.title{font-size:1.7rem}.category{text-transform:uppercase;font-weight:600;letter-spacing:.1rem;opacity:.45}.description{font-size:1.3rem;line-height:1.35;display:grid;grid-template-columns:1fr auto;place-content:start;grid-gap:.5rem;gap:.5rem;p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}span{transform:translateY(-.1rem);font-size:4rem;display:grid;place-items:center;width:2rem;height:2rem}}@media only screen and (max-width:1024px){.cards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;height:auto}#certificate{padding:195px 25px 40px}}@media only screen and (max-width:600px){.cards{grid-template-columns:repeat(1,1fr)}}