body {
}

@media only screen and (max-width: 700px) {
    .username{
        display: none !important;
    }
}

nav a:hover h5, nav a:focus h5, nav a:active h5,
nav a:hover i, nav a:focus i, nav a:active i  {
    color: var(--bs-primary) !important;
}