#cards:hover>.card:after{opacity:1}.card{--card-accent:rgb(var(--color-primary))}.card[data-card=webdev]{--card-accent:rgb(var(--color-accent))}.card[data-card=linux]{--card-accent:rgb(var(--color-primary))}.card[data-card=politics]{--card-accent:rgb(var(--color-accent-hover))}.card[data-card=exercise]{--card-accent:rgb(var(--color-success))}.card[data-card=typing]{--card-accent:rgb(var(--color-info))}.card:hover:before{opacity:1}.card:before,.card:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgb(var(--color-text) / .06), transparent 40%);z-index:3}.card:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgb(var(--color-text) / .4), transparent 40%);z-index:1}.card>.card-content:before{border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--color-text) / .08);content:"";opacity:.65;pointer-events:none;position:absolute;inset:0}.card>.card-content:after{background:radial-gradient(circle, var(--card-accent) 0%, transparent 70%);content:"";filter:blur(2px);opacity:.18;pointer-events:none;border-radius:999px;width:140px;height:140px;position:absolute;top:-40px;left:-40px}