#nav_main {
    position: relative;
    top: 10%;
    left: 43%;
    width: fit-content;
    display: table;
    height: 3.7%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 25px;
  }

  #nav_main ul {
    padding-left: 15px;
    list-style-type: none;
    text-align: center;
  }
  #nav_main li {
    display: inline-block;
    float: left;
  }


  #nav_main li a {
    text-decoration: none;
    transition: all 0.2s ease;
    width: 16.665%;

    display: table-cell;
    text-align: center;
    color: white;

    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    padding:  1vw;
    font-size: 0.8vw;
  }

  #nav_main li a:hover {
    border-bottom: 3px solid;
    border-bottom-color: #3ab916;
    color: #3ab916;
  }

  .active2 {
    border-bottom: 3px solid;
    border-bottom-color: white;
    color: #3ab916; 
    }