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 {
	margin: var(--pad-sm);
	box-shadow: var(--shadow-light);
	background: color-mix(in lch, #ff0, #fff);
	&:nth-child(odd) {
		transform: rotate(1deg);
	}
	& a {
		align-content: center;
		& span:has(img)::after {
			display: none;
		}
	}
}