:root{
    --red:#f53030;
}

div.progress-bar{
    background-color:var(--red);
    }
section.tf-intro{
    background-color: var(--red);
}
h1.tf-page-title{
    font-size: 14vw;
    /* line-height: 0.5; */
    display:inline-block;
}
div.tf-intro-left p{
    border-top: 1px solid #dadada;
}






h1.tf-page-title{
    overflow:hidden;
}
h1.tf-page-title span{
    display: inline-block;
    transform: translateY(100%);
    animation: up 1s 0.3s cubic-bezier(0, 0.72, 0.25, 1) forwards;
}
h1.tf-page-title-top span:nth-child(1){
    animation-delay: 0.3s;
}
h1.tf-page-title-top span:nth-child(2){
    animation-delay: 0.35s;
}
h1.tf-page-title-top span:nth-child(3){
    animation-delay: 0.4s;
}

h1.tf-page-title-bottom span:nth-child(1){
    animation-delay: 0.45s;
}
h1.tf-page-title-bottom span:nth-child(2){
    animation-delay: 0.5s;
}

h1.tf-page-title-bottom span:nth-child(3){
    animation-delay: 0.55s;
}



div.tf-intro-right-inner div{
    overflow: hidden;
}
div.tf-intro-right-inner div p{ 
    transform: translateY(120%);
    animation: up 1.2s 0.3s cubic-bezier(0, 0.72, 0.25, 1) forwards;
}














  div.option:nth-child(3){
    grid-column: 3/5;
  }
  div.option:nth-child(4){
    grid-column: 5/7;
  }
  div.option:nth-child(5){
    grid-column: 11/13;
  }






div.baseline{
    top:410px;
  }
  div.x-height{
    top:209px;
  }
  div.cap-height{
    top:129px;
  }

  @media(max-width:1400px){
    div.baseline{
        top:275px;
      }
      div.x-height{
        top:149px;
      }
      div.cap-height{
        top:99px;
      }
      p.micro{
          font-size:10px;
      }
}





/* section.tf-tester{
    background-color:var(--red);
  } */
  /* a.tester-text{
    color:var(--red);
} */



@media(max-width:1200px){
    div.option:nth-child(2){
        grid-column: 1/4;
    }
    div.option:nth-child(3){
        grid-column: 4/7;
    }
    div.option:nth-child(4){
        grid-column: 7/10;
    }
}
@media(max-width:800px){
    div.option:nth-child(3){
        display:none;
    }
    div.option:nth-child(4){
        display:none;
    }
}





.download-text{
    color:var(--red) !important;
}