.text-js {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(33,33,33);
  font-size: 30px;
}

.typing {
  /*height: 100vh;*/
  /*position: absolute;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.cursor {
  display: block;
  position: absolute;
  height: 50%;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
  width: 2px;
  background-color: rgb(166,166,166);
  font-size: 1px;
  z-index: 1;
  -webkit-animation: flash 0.8s none infinite alternate;
  animation: flash 0.8s none infinite alternate;
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.headline {
  margin: 20px;
  color: rgb(0,0,0);
  font-size: 32px;
  text-align: center;
}

.headline h1 {
  letter-spacing: 1.6px;
  font-weight: 300;
}