22 lines
501 B
CSS
22 lines
501 B
CSS
|
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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|