@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  :root {
    --color-1: 0 100% 63%;
    --color-2: 270 100% 63%;
    --color-3: 210 100% 63%;
    --color-4: 195 100% 63%;
    --color-5: 90 100% 63%
  }
  .dark {
    --color-1: 0 100% 63%;
    --color-2: 270 100% 63%;
    --color-3: 210 100% 63%;
    --color-4: 195 100% 63%;
    --color-5: 90 100% 63%
  }
}
@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}



.glassmorph{
  backdrop-filter: blur(2px);
}

.glassmorph-lg{
  background-color: #fff2;
  backdrop-filter: blur(5px);
}

.rounded-lg{
  border-radius: 0.5rem;
}

.id{
  grid-column: 1;
}
.name{
  grid-column: 2;
}
.difficulty{
  grid-column: 3;
}
.topic{
  grid-column: 4;
}
.companies{
  grid-column: 5;
}
.acceptance{
  grid-column: 6;
}
.solution{
  grid-column: 7;
  justify-self: center;
}

.youtube-icon::after{
  content: "sdfsd";
  color: blue;
  position: absolute;
  left: 0;
  top: 0;
  height: 1rem;
  width: 1rem;
  background-color: white;
  z-index: 1;
}

.spin-none::-webkit-inner-spin-button{
  display: none;
}

.rounded-sm{
  border-radius: 0.25rem;
}
.rounded-r-sm{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-l-sm{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

body{
  max-width: 100vw;
  /* overflow-x: hidden; */

  &::-webkit-scrollbar{
    display: none;
  }
}

.scroll-none::-webkit-scrollbar{
  display: none;
}

