.navbar {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index: 9;
}
.navbar .logo
{
  font-size:2em;
  font-weight:bold;
}
.navbar .nav-links ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.navbar .nav-links ul li {
    margin-left: 50px;
}
.navbar .nav-links ul li.active a
{
  color:#064273;
  font-weight:600;
}
.navbar a {
    color: black;
    text-decoration: none;
    font-size: 13px;
}
.navbar .menu-hamburger {
    display: none;
    color: black;
    position: fixed;
    top: 40px;
    right: 0;
    font-size: 35px;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:900px)
{
  .navbar a {
    color: white;
    font-size: 17px;
}
.navbar {
  padding: 0;
  padding: 10px 0px;
}
  .navbar .menu-hamburger
  {
    display:block;
  }
  .nav-links
  {
    top:0;
    left:-100%;
    position:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
        background-color: rgb(210 210 210 / 69%);
    backdrop-filter: blur(11px);
    width:100%;
    height:100vh;
    transition: left 0.5s ease;
    
  }
  .nav-links.mobile-menu
  {
  left:0;
    
  }

  .nav-links ul
  {
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .navbar .nav-links ul li
  {
  margin:15px 0;
  font-size:1.2em;
  }
  .menu-hamburger
  {
    display:block;
  }
}