/* styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

.moving-line {
  width: 1px;
  height: 40px;
  background: linear-gradient(
    to bottom,
    rgb(214, 214, 214) 30%,
    transparent 50%
  );
  background-size: 1px 10px;
  animation: dash-move 1s infinite linear;
}

.moving-line-color {
  width: 1px;
  height: 50px;
  background: linear-gradient(
    to bottom,
    rgb(124, 58, 237) 50%,
    transparent 50%
  );
  background-size: 1px 10px;
  animation: dash-move 1s infinite linear;
}

@layer components {
}

@keyframes dash-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 10px;
  }
}