@require '~styles/variables'

// Alternate between all dogtag types!
@keyframes user-dogtag-guy
	0%
		background-color: $gj-pink
		color: $white

	25%
		background-color: $gj-green
		color: $gj-dark-green

	50%
		background-color: $gj-blue
		color: $black

	75%
		background-color: $gj-dark-green
		color: $gj-green

	100%
		background-color: $gj-pink
		color: $white

.user-dogtag
	text-transform: uppercase

	&-guy
		animation-name: user-dogtag-guy
		animation-duration: 5s
		animation-iteration-count: infinite
