body {
	background-color: #000;
	color: #00ff00;
	font-family: "Consolas";
	text-shadow: 0 0 4px #00ff00;

}

.ascii-art > p {
	font-size: 3.5px;
	font-family: monospace;
	animation: asciiPrint 50s steps(60, end);
}

@keyframes asciiPrint {
	0% {
		width: 0;
	}
	100% {
		width: 100%
	}
}

.container {
	margin: 25px 50px;
}

p {
	font-size: 18px;
	white-space: nowrap;
	width: 100%;
	animation: typing 4s steps(60, end);
	overflow: hidden;
}

@keyframes typing {
	from {
		width: 0;
	}
}

p:nth-child(2) {
	animation: typingTwo 8s steps(60, end);
}

@keyframes typingTwo {
	0% {
		width: 0;
	}

	34% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

p:nth-child(3) {
	animation: typingThree 12s steps(60, end);
}

@keyframes typingThree {
	0% {
		width: 0;
	}

	55% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}





.cursor {
	animation: blink .6s infinite;
}

@keyframes blink {
	to {
		opacity: 0;
	}
}