* {
    font-family: Camphor, Helvetica, Arial, sans-serif;
  }

  .active{
      border-bottom: 4px solid #14bef0;
  }

  .active h4{
      color: #28328c;
  }

  #navbar {
      display: flex;
      width: 100%;
      height: 62px;
      font-family: Camphor, Helvetica, Arial, sans-serif;
      border-bottom: 1px solid #d3d3d3;
      font-size: 15px;
      margin-bottom: 1px;
      position: sticky;
      left: 0px;
      top: 0px;
      background-color: white;
      
  }
  #navbar > div {
    margin-top: 10px;
    cursor: pointer;
  }
  #navbar > .box {
    width: 125px;
    margin-right: 8px;
  }
  #navbar > .box > p {
    font-size: 12px;
    color: #787887;
    margin: 0%;
    margin-top: 4px;
  }
  #navbar > div > h4 {
    margin: 0px;
    margin-top: 3px;
  }
  #navbar > #login {
    height: 15px;
    display: flex;
    font-size: 13px;
    color: #787887;
    border-radius: 4px;
    border: solid 1px #d3d3d3;
    padding: 8px;
    padding-bottom: 10px;
  }
  #navbar > div > select {
    border: none;
    margin-top: 10px;
    width: 90%;
  }
  .logo {
    width: 10%;
    margin: 0px 25px;
  }
  #login > div {
    margin: 2px;
  }

  .box>h4>a{
    text-decoration: none;
    color: black;
 }