/*
#typeWindow {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 1.5;
    background-color: white;
    color: black;
    font-family: "M PLUS Rounded 1c",sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    opacity: 0;
}

#typewriter_wrap{
  display: flex;
  justify-content:center;
  align-items:center;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}
#typewriter::after {
  content: "|";
  color: black;
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.typewriterAfter {
  display: block;
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
*/
.typeWrite{
  opacity: 0;
}
.typeWrite::after {
  content: "|";
  /* color: black; */
  /*
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  */
  transition-duration: 1.0s;
  opacity: 1;
  /* background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); */
  background: linear-gradient(60deg, #d3901d, #f0ca66, #c07630);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*
  animation-name: hueAnim;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  */
}
.typeWrite.finished::after {
  opacity: 0;
}

@keyframes blink {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes hueAnim {
  0% {
		filter: brightness(100%);
	}
	50% {
		filter: brightness(150%);
	}
	100% {
    filter: brightness(100%);
	}
}