h1 {
	/* font-size: 4.5rem; */
	text-align: center;
  }
  @media (min-width: 750px) {
	.type-animation {
		display: inline-flex;
		width: 0;
		overflow: hidden;
		padding-right: 0.08em;
		position: relative;
		color: white;
	  }
	  .type-animation:after {
		content: "";
		background: #000;
		position: absolute;
		right: 0;
		top: -0.05em;
		bottom: -0.05em;
		width: 0.08em;
		border-right: 2px solid transparent;
	  }
	  .type-animation.animating {
		-webkit-animation: type 1620ms;
				animation: type 1620ms;
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
		-webkit-animation-delay: 1s;
				animation-delay: 1s;
	  }
	  .type-animation.animating:after {
		-webkit-animation: cursor 320ms 8.625 ease-in-out;
				animation: cursor 320ms 8.625 ease-in-out;
	  }
  }
  
  @media (max-width: 750px) {
	.type-animation.animating {
        -webkit-animation: none !important;
                animation: none !important;
      }
    .type-animation {
    display: inline-flex;
    overflow: hidden;
    padding-right: 0.08em;
    position: relative;
    color: white;
    }
	.type-animation span:first-child {
		display: none;
	}
  }
  
  @-webkit-keyframes cursor {
	0%, 100% {
	  border-color: #000;
	}
	50% {
	  border-color: rgb(66, 164, 230);
	}
	100% {
	  width: 0;
	}
  }
  
  @keyframes cursor {
	0%, 100% {
	  border-color: #000;
	}
	50% {
	  border-color: rgb(66, 164, 230);
	}
	100% {
	  width: 0;
	}
  }
  span span:not(:first-child) {
	padding-left: 1rem;
  }
  @-webkit-keyframes type {
	5% {
	  width: 0.645em;
	}
	10% {
	  width: 1.29em;
	}
	15% {
	  width: 1.935em;
	}
	20% {
	  width: 2.58em;
	}
	25% {
	  width: 3.225em;
	}
	30% {
	  width: 3.87em;
	}
	35% {
	  width: 4.515em;
	}
	40% {
	  width: 5.16em;
	}
	45% {
	  width: 5.805em;
	}
	50% {
	  width: 6.45em;
	}
	55% {
	  width: 7.095em;
	}
	60% {
	  width: 7.74em;
	}
	65% {
	  width: 8.385em;
	}
	70% {
	  width: 9.03em;
	}
	75% {
	  width: 9.675em;
	}
	80% {
	  width: 10.32em;
	}
	85% {
	  width: 10.965em;
	}
	90% {
	  width: 11.61em;
	}
	95% {
	  width: 12.255em;
	}
	100% {
	  width: 12.255em;
	  padding-right: 0;
	}
  }
  @keyframes type {
	5% {
	  width: 0.645em;
	}
	10% {
	  width: 1.29em;
	}
	15% {
	  width: 1.935em;
	}
	20% {
	  width: 2.58em;
	}
	25% {
	  width: 3.225em;
	}
	30% {
	  width: 3.87em;
	}
	35% {
	  width: 4.515em;
	}
	40% {
	  width: 5.16em;
	}
	45% {
	  width: 5.805em;
	}
	50% {
	  width: 6.45em;
	}
	55% {
	  width: 7.095em;
	}
	60% {
	  width: 7.74em;
	}
	65% {
	  width: 8.385em;
	}
	70% {
	  width: 9.03em;
	}
	75% {
	  width: 9.675em;
	}
	80% {
	  width: 10.32em;
	}
	85% {
	  width: 10.965em;
	}
	90% {
	  width: 11.61em;
	}
	95% {
	  width: 12.255em;
	}
	100% {
	  width: 12.255em;
	  padding-right: 0;
	}
  }