.app {
    min-height: 100vh;
    width: 100vw;
}

.app-body {
    background: rgba(203, 203, 210, 0.15);
    top: 0px;
    width: 100%;
    position: relative;
    min-height: 100vh;
}

.nav {
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(221, 221, 221);
    overflow: hidden;
}


.nav ul {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.nav ul li {
    color: rgb(119, 119, 119);
    cursor: pointer;
    display: flex;
    font-size: 0.75em;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 40px;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
    padding: 0px 16px;
    transition: all 0.2s linear 0s;
    align-items:flex-end;
    width:100px;
    justify-content:center;
}

    .nav ul li:hover {
        border-bottom: 4px solid rgb(119, 119, 119);
    }

    .nav ul li.active {
        color: rgb(31, 32, 39);
        border-bottom: 4px solid rgb(254, 207, 0);
    }

.nav ul li a{
    text-decoration:none;
    color:inherit;
}