html{min-height:100%;overflow:hidden}
body{height:calc(100vh - 8em);
padding:2em;
background-color:#191919}.line{position:relative;top:50%;width:7.1em;margin:0 auto;

border-right:2px solid rgba(255,255,255,.75);
font-size:200%;
text-align:center;
white-space:nowrap;
color: white;
overflow:hidden;transform:translateY(-50%)}.anim-typewriter{animation:typewriter 1s steps(20) 1s 1 normal both,blinkTextCursor 700ms steps(40) infinite normal}@keyframes typewriter{from{width:0}to{width:9}}@keyframes blinkTextCursor{from{border-right-color:rgba(255,255,255,.75)}to{border-right-color:transparent}}

footer {
  font-family: 'anonymous pro,monospace';
  background-color: transparent;
  margin-top: -0.5em;
  padding: 2em;
  position: fixed;
  left: 50%;
  transform:translateX(-50%);
  bottom: 0;
  font-size: 20;
  color:rgba(255,255,255,.75);
}

use `transfrom` and `left: 50%`

.copyright {
  position: absolute;
  bottom: 6px;
}

a.roundicons {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0 0 4px #888;
  padding: 0.5em 0.6em;
}