html, body {
	background: whitesmoke;
	height: 100%;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: monospace;
	color: skyblue;
	font-weight: bolder;
	font-size: 22px;
}

h1 {
	animation: typing-text 4s steps(44), blink 0.5s infinite alternate;
	overflow: hidden;
	white-space: nowrap;
	border-right: 3px solid skyblue;
	-webkit-animation: typing-text 4s steps(44), blink 0.5s infinite alternate;
}

@keyframes typing-text {
	from {
		width: 0;
	}
	to {
		width: 44ch; /* Koliko znakov je v tekstu */
	}
}

@keyframes blink {
	from {
		border-color: transparent;
	}
	to {
		border-color: skyblue;
	}
}