body {
	background-color: #0f1621;
	margin: 0;
	font-family: monospace;
	color: #fff;
}

#nav {
	margin-top: 23%;
	margin-left: 42%;
	display: flex;
}

#nav li {
	display: flex;
	align-items: flex-end;
	padding: 2px;
	color: white;
}

.hover a:hover + h1 {
	display: block;
}

h1 {
	display: none;
	font-size: 20px;
	padding-left: 2px;
}

.typewriter {
color: #fff;
overflow: hidden;
white-space: nowrap;
margin: 0 auto;
letter-spacing: .15em;
border-right: .15em solid orange;
animation: 
    typing 1s steps(30, end),
    blink-caret .75s step-end infinite;
}

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

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

::-webkit-scrollbar {
    display: none;
}

#time {
	position: absolute;
	font-size: 1rem;
	right: 10px;
	bottom: 10px;
}

#back {
	position: fixed;
	margin: 20px;
}

#update {
	position: absolute;
	bottom: 10px;
	left: 10px;
}