* { box-sizing: border-box; transition: all 0.2s ease-in-out; } header { display: flex; font-size: 2.5rem; align-items: center; & .subtext { font-size: 1rem; margin-left: 0.5rem; color: hsl(39, 68.6%, 31.2%); & a:hover { color: hsl(39, 100%, 80%); } } } a { color: inherit; text-decoration: none; } ul { list-style: none; padding: 0; margin: 0; padding-left: 3rem; display: flex; flex-direction: column; font-size: 1.5rem; } li { & a { text-decoration: underline; text-decoration-color: transparent; } &:hover { color: hsl(39, 100%, 80%); & a { text-decoration-color: inherit; } } &::before { content: "▸"; margin-right: 0.5rem; } }