.t1{
  font-size: clamp(20px, 1.5vw, 23px);
}
.t2{
  font-size: clamp(40px, 4vw, 70px);
}

/* Typing Animation */
.type {
  display:inline-block;
  vertical-align: bottom;
}

.type > span {
  display:grid;
  overflow: hidden;
  height: 1.5em;
}

.type span span {
  width:0%;
  max-width:max-content;
  overflow: hidden;
  height:inherit;
  word-break:break-all;
  animation:
    c 0.5s infinite steps(1),
    t 2s linear infinite alternate,
    m 16s steps(4) infinite;
}
.type span span:before {
  content:" ";
  display:inline-block;
}

@keyframes t{
  90%,100% {width:100%}
}

@keyframes c{
  0%,100%{box-shadow:5px 0 0 #0000}
  50%    {box-shadow:5px 0 0 white}
}

@keyframes m{
  100% {transform:translateY(-400%)}
}
/* Typing Animation */