.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;
    margin-bottom: 0;
}

.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;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}