2025-10-14 19:40:29 +03:00
|
|
|
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 {
|
2025-10-19 15:55:35 +03:00
|
|
|
width: 16ch;
|
2025-10-14 19:40:29 +03:00
|
|
|
margin: var(--pad-sm);
|
|
|
|
|
box-shadow: var(--shadow-light);
|
2025-10-19 15:55:35 +03:00
|
|
|
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));
|
|
|
|
|
}
|
2025-10-14 19:40:29 +03:00
|
|
|
&:nth-child(odd) {
|
|
|
|
|
transform: rotate(1deg);
|
|
|
|
|
}
|
|
|
|
|
& a {
|
|
|
|
|
align-content: center;
|
|
|
|
|
& span:has(img)::after {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
