#mainNav {
  background-color: white;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(145, 112, 67, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(145, 112, 67, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(145, 112, 67, 0.2);
  border-radius: 0;
      top: 20px;
    right: 20px;
    width: 30vw;
    width:  100%;
}


ul {
    display: flex;
    justify-content: space-evenly;
    list-style-type: disc;
    unicode-bidi: isolate;
    padding: 3px;
    margin: 0;
    width: 100%;
}




#mainNav a {
    cursor: pointer;
    text-decoration: none;
    color: black;
    font-family: ariel;
    font-size: .8rem;
    line-height: 1.1rem;
}

#mainNav li {
    position: relative;
    list-style: none;
    z-index: 999;
    padding: 0;
    color: red;
    
}

li {
  display: list-item;
  unicode-bidi: isolate;
  font-size: 20px;
  font-family: math; 
}