article > header > nav { margin: 0 auto; ul { list-style: none; margin: 0 auto; padding: 1rem 0; display: flex; width: 100%; background-color: $bg-header; li { margin: 0 auto; flex: 1; text-align: center; width: 12rem; background-color: $bg-txt-on; a { display: inline-block; position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem 0 0; background-color: $bg-txt-off; color: white; &:last { padding-right: 0; } &:hover, &:active { background-color: $bg-txt-on; color: black; } } } } }