:root {
	--color-blink: var(--color-white);
}

@keyframes "blink" {
	from, to {
		color: transparent;
	}
	50% {
		color: var(--color-blink);
	}
}
@keyframes "star-rotate" {
	from {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes "btn-arrow-move" {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    49% {
        transform: translateX(100%);
        opacity: 1;
    }
    50% {
        transform: translateX(100%);
        opacity: 0;
    }
    51% {
        transform: translateX(-100%);
        opacity: 0;
    }
    52% {
        transform: translateX(-100%);
        opacity: 1;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes "parallax" {
    from {
        transform: translateY(5rem);
    }
    to {
        transform: translateY(-5rem);
    }
}

@property --from {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}

@keyframes "countdown" {
    to {--from: var(--to);}
}

@keyframes "typing" {
    from { width: 0 }
    to { width: 100% }
}