article#badges {
	& a:is(:hover,:focus) {
		transition: box-shadow var(--trans), background-color var(--trans);
		box-shadow: 0 0 0 2px var(--citrus-secondary), 0 0 0 4px var(--citrus-dark-extra);
		background-color: var(--citrus-secondary);
	}
}
#interests li {
	width: 16ch;
	margin: var(--pad-sm);
	box-shadow: var(--shadow-light);
	background-image: linear-gradient(color-mix(in lch, var(--citrus-light-extra), var(--citrus-primary) 50%), var(--citrus-primary) 200%);
	& img {
		filter: drop-shadow(0 0 1px var(--citrus-dark));
	}
	&:nth-child(odd) {
		transform: rotate(1deg);
	}
	& a {
		align-content: center;
		& span:has(img)::after {
			display: none;
		}
	}
}