.wrapper {
    @apply w-full z-[99999] place-items-end;
}

/* Mobile navbar item */
.item {
    @apply cursor-pointer transition-all duration-200
    w-full px-3 py-2 text-grey-800 font-LuckiestGuy
    font-bold items-center justify-center hover:bg-grey-200
}
.item[data-selected=true] {
  @apply bg-grey-200
}
/*  */
.parent {
    @apply w-full items-start flex flex-col z-[9999];
}
.navbar_wrapper {
  @apply  h-[1.8rem] ml-6  fixed transition-all z-[999];
  width: calc(100% - 3rem);  
}
  .burger_menu {
      @apply relative h-12 w-12 top-1 right-1 stroke-white-500
      hover:stroke-grey-200 transition-colors duration-200;
  }
  .navbar {
      @apply bg-mint-500 mt-4 min-h-[20%]
      h-full max-h-[100%] w-full
      rounded-t-[0.625rem] rounded-b-none;
    }

  .navbar_items_wrapper {
      @apply flex flex-row  justify-evenly flex-nowrap float-left
      w-[93%] ml-[3%]  gap-6;
  }
  
  .nav_item {
      @apply text-primary/90
      font-LuckiestGuy transition-colors duration-300 hover:text-primary/70
      ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .nav_item[data-selected=true] {
    @apply text-primary/60;    
  }
  .nav_item {
      @apply flex justify-center items-center text-3xl mt-1;
      user-select: none;
      -webkit-user-drag: none;  
  }
  
  /* .nav_item .long_text_wrapper {
      @apply flex justify-center items-center text-lg mt-1 ;
      user-select: none;
      -webkit-user-drag: none;  
  } */
  /* .icon~.nav_text_wrapper {
    @apply  
  } */
  @media (min-width: 2000px) {
    .nav_item .nav_text_wrapper {
      @apply text-4xl mt-0
    }
    .nav_item .long_text_wrapper {
      @apply text-4xl mt-0
    }
  }
  @media (max-width: 1550px) {
    .nav_item {
      @apply w-[11%]
    }
    .nav_item .long_text_wrapper {
      @apply text-base mt-[2px]
    }
    .nav_item .nav_text_wrapper {
      @apply text-lg -mb-2 mt-[0px]
    }
  }

  @media (max-width: 1475px) {
      .nav_item {
        @apply w-[10.5%]
      }
      .nav_item .text_wrapper {
        @apply text-base
      }
      .nav_item .long_text_wrapper {
          @apply text-[0.95rem]
        }
    }
      /* For screens bigger than 1380px */

    @media (min-width: 1380px) {
      .navbar_wrapper {
        @apply place-items-center grid
      }
    }
  /* For screens smaller than 1380px it will convert the navbar to a mobile navbar */
    @media (max-width: 1380px) {
      .nav_item {
        @apply w-[9%] text-sm
      }
      .navbar_wrapper {
        @apply w-[100%] ml-0  h-[6%] fixed bg-mint-500;
        top: 0px;
      }
    }
    @media (max-width: 500px) {
      .burger_menu {
        @apply w-10 h-10
      }
    }

    /* For screens smaller than 1090px decrease width and text size */
    /* @media (max-width: 1090px) {
      .nav_item {
        @apply w-[9.8%] text-sm
      }
    } */