@keyframes blink {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
:root{
     --bg-color: #000000;
     --secondary-bg-color: #191919;
     --text-color: #ffffff;
     --second-color: #c6c9d8bf;
     --main-color: #f9004d;

}
.cursor::after {
  content: "|";
  font-size: 1.5em;
  font-weight: bold;
  animation: blink infinite alternate 0.4s;
  color: var(--main-color)
}