.articlenav{
width:100%;
background:#DEE8F2;
text-align:center;
color:#000000;
display:flex;
flex-direction:row;
}
.articleNav-link{
transition: 0.1s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.articleNav-link a{
padding:1em;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.articleNav-link:hover {
background:#4171A0;
box-shadow: inset 0 -4px 0 0 #44DEFF;
}
.articleNav-link:hover a{
color:#FFFFFF;
text-decoration:none;
}
.articleNav-link .selflink {
background: #06305B;
color: #FFFFFF;
box-shadow: inset 0 -4px 0 0 #44DEFF;
flex:1;
}
@media (max-width:720px){
.articlenav{
flex-direction:column;
}
}
.dark-mode .articlenav{
background:#06305B;
color:#FFFFFF;
}