body {
	background-color: #FDF5E6;
	display: flex;
	justify-content: center;
}

.content h1 {
	display: block;
	font-family: monospace;
	letter-spacing: .15em;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	border-right: .15em solid orange;
	animation:
		typing 2s steps(40, end),
		blinking-cursor .5s step-end infinite backwards;
}

.content ol {
  position: absolute;
	top: 50px;
	text-decoration: none;
	color: #FDF5E6;
	font-family: monospace;
	letter-spacing: .15em;
	animation: upFromBottom 1s ease-out 2s forwards;
}

.content a {
  text-decoration: none;
}

.content p {
  position: relative;
  top: 170px;
	font-size: 17.5px;
	color: #FDF5E6;
	font-family: monospace;
	letter-spacing: .15em;
	animation: upFromBottomLink 1s ease-out 3s forwards;
}

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

@keyframes blinking-cursor {
	from, to {border-color: transparent}
	50% {border-color: orange}
}

@keyframes upFromBottom {
	from {top: 50px; color:#FDF5E6;}
	to {top: 30px; color: black;}
}

@keyframes upFromBottomLink {
	from {top: 170px; color:#FDF5E6;}
	to {top: 150px; color: orange;}
}