//*why are you looking in here*//
body {
	position: relative;
	min-height: 90vh;
}
.hello-friend {
  font-family: monospace;
  text-align: center;
  font-size:.42vw;
  background: #ffffff;
  color: #000000;
  margin-top: 5%;
}
.type {
  white-space: pre;
  color:#0000;
  background:
    linear-gradient(-90deg,#00DFFC 5px,#0000 0) 10px 0,
    linear-gradient(#000000 0 0) 0 0;
  background-size:calc(var(--n)*1ch) 200%;
  -webkit-background-clip:padding-box,text;
  background-clip:padding-box,text;
  background-repeat:no-repeat;
  animation: 
   b .001s infinite steps(1),   
   t calc(var(--n)*.001s) steps(var(--n)) forwards;
}
@keyframes t{
  from {background-size:0 200%}
}
@keyframes b{
  50% {background-position:0 -100%,0 0}
}
.con {
	font-size: .2vw;
	text-align: center;
	color: #000000;
	font-family: Lucida Console, monospace;
	width: 100%;
	padding-bottom: 25vh;
}
.info-display {
	font-size: 1vw;
	text-align: center;
	text-transform: lowercase;
	font-family: Lucida Console, monospace;
	color: #bebebe;
	line-height:3vw;
	width: 100%;
}
a:link {
    color: #0000EE;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
  color: #0000EE;
  background-color: transparent;
  text-decoration: none;
}
foot {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 2rem;
}
.ft {
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 1vw;
	text-transform: lowercase;
	font-family: Lucida Console, monospace;
	color: #bebebe;
	width: 100%;	
}