#nav{background:var(--transform-dark);display:flex;justify-content:stretch;width:100%}#nav .nav-item{align-items:center;background:linear-gradient(to right,var(--transform-dark) 0,var(--transform-dark) 100%);color:var(--green-med);display:flex;flex:1;font-size:.75rem;font-weight:500;height:2.5rem;justify-content:center;letter-spacing:.05rem;padding:.5rem;text-align:center;text-transform:uppercase;transition:all .2s ease}#nav .nav-item.active,#nav .nav-item:hover{color:var(--highlight-med)}#nav .nav-item.active{background:linear-gradient(to right,var(--transform-dark) 0,var(--purple-light) 100%)}