:root {
  --fg: white;
  --bg: rgb(13, 17, 23);
}

html,
body {
  padding: 0;
  margin: 0;
  background-color: var(--bg);
  color: var(--fg);
  font-family: monospace;
  font-size: large;
}

pre {
  margin: 0;
}

.box {
  display: block;
  /* border: 1px dashed var(--fg); */
  margin: 0;
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

a:link {
  color: rgb(86, 160, 246);
}

a:visited {
  color: rgb(59, 124, 214);
}

.typewriter {
  position: relative;
}

.typewriter::after {
  content: '|';
  position: absolute;
  right: 0;
  left: 0;
  color: white;
  background-color: rgb(13, 17, 23);
  animation: typing 4s steps(16) forwards, floating-cursor 1s infinite;
}

@keyframes typing {
  to {
    left: 100%;
  }
}

@keyframes floating-cursor {
  50% {
    color: transparent;
  }
}