@font-face {
  font-family: 'DotBold';
  src: url('./DotBold.ttf');
}
body { margin: 0; overflow: hidden; font-family: 'DotBold', 'Courier New', 'Courier', monospace;}
canvas { margin: 0; overflow: hidden; height:100vh; width:100vw; position: absolute; top:0; right:0; }
#seed { text-orientation: upright; writing-mode: vertical-lr; position: absolute; color: #000; top: 0; left: 0; margin:20px; font-size: 10px; }
#console {
  height:24rem; position: relative; font-size: 2rem; line-height: 2.4rem; color: #000 !important;
  letter-spacing: .2em;
  text-shadow: .05rem .05rem rgba(0, 0, 0, 0.2);
    }
#countdowntimer {
  /* color: #000; */
  z-index: 999999;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  margin-left: auto;
  margin-right: auto;
  width: 3rem; /* Need a specific value to work */
  height:3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 50%;
  /* background-color: #000; */
}
.center{
  z-index: 99; position:absolute; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center;
}
.typed-holder {
  text-align:center; display: flex; align-items: flex-end; justify-content: center; height: 100%; overflow: hidden;
}