@tailwind base;
@tailwind components;
@tailwind utilities;

::-webkit-scrollbar {
    display: none;
	width: 6px;
    height: 2px;
  }

  ::-webkit-scrollbar-track {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

  }
   
::-webkit-scrollbar-thumb {
	background: linear-gradient(145deg, #ff014f, #d11414); 
	border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
	background: #b30000; 
  }
  @media screen and (max-width:700px) {
    .maine{
      flex-direction: column;
    }
    .function_bt{
      justify-content: flex-start !important;
    }
    .maine{
      width: 90% !important;
    }
    .function{
      width: 90% !important;
    }
  }
  .active{
    background-color: #27272a;
  }