/* ul{
    list-style: none;
}

.nav1{
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__menu {
    display: none;
}

.nav__list, 
.nav__link {
  display: flex;
}

.nav__link {
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
    color: var(--title-color);
    font-weight: 600;
  }

  .nav__list {
    justify-content: space-around;
    padding-left: 0px !important;
  }

  .nav__name {
    font-size: var(--tiny-font-size);
    display: none;
  }

  .nav__icon {
    font-size: 1.7rem;
  }

  .active-link {
    position: relative;
    color: var(--first-color);
    transition: .3s;
  }

  .scroll-header {
    box-shadow: 0 1px 12px hsla(var(--hue), var(--sat), 15%, 0.15);
  }

@media screen and (max-width: 767px) {
    .nav__menu {
      position: fixed;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.2);
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.18);
      width: 80%;
      height: 64px;
      padding: 0 1rem;
      display: grid;
      align-content: center;
      border-radius: 1.25rem 1.25rem 0 0;
      transition: .4s;
    }
  }


@media screen and (max-width:320px)
{
    a{
        text-decoration: none;
    }

    .nav__name{
        display: none;
    }
    .m-b-20
    {
        margin-bottom: 30px;
    }
}



   */