.app-nav 
{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.app-nav .app-nav-links
{  
    display: grid;
    gap:0;
    background: #DDDDDD;
    grid-template-columns: 1fr 1fr 1fr 1fr;

}
.app-nav .app-nav-links .nav-link
{
    display: block;
    background-color: #EEEEEE;
    width: 100%;
    height: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #000000;
    text-align: center;
    border: none;
}