.image-cont{width:100%;padding-bottom:100%;position:relative;margin:auto}.image-cont img{position:absolute;top:6%;left:5%;width:90%;height:90%;max-width:100%;max-height:100%;border-radius:1rem;box-shadow:6px 6px 6px #00000080}.link-card{list-style:none;display:flex;padding:.25rem;background-color:var(--secondary);background-image:none;background-size:400%;border-radius:.6rem;transition:background-position .6s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.link-card.dark{background-color:var(--secondary-dark)}.link-card>a{width:100%;text-decoration:none;line-height:1.4;padding:1rem 1.3rem;border-radius:.35rem;color:#111;opacity:.8}h2{margin:0;font-size:1.25rem;transition:color .6s cubic-bezier(.22,1,.36,1)}.link-card:is(:hover,:focus-within){background-position:0;background-image:var(--accent-gradient)}.link-card:is(:hover,:focus-within) h2{color:rgb(var(--accent))}