.side-navbar {
    width: 180px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background-color: #a4cfeb;
    transition: 0.5s;
  }
  .nav-link:active,
  .nav-link:focus,
  .nav-link:hover,
  .nav li:hover a {
    background-color: #31304b;
    color:white;
    border-radius: 50px;
  }
  .my-container {
    transition: 0.4s;
  }
  .active-nav {
    margin-left: 0;
  }
  /* for main section */
  .active-cont {
    margin-left: 180px;
  }
  #menu-btn {
    background-color: #31304b;
    color: #fff;
    margin-left: -20px;
  }
  .nav a {
    color: black;
  }

  .a,a{
    text-decoration: none;  
  }
  .c-white{
    color: #fff;
  }
  .c-black{
    color: #000;
  }