@font-face{font-family:Basel Classic;src:url(/assets/Basel-Collection-Classic-and-Grotesk-Variable.fd00b539.ttf)}:root{--color-offset: rgb(0, 0, 0)}html,body{width:100%;height:100%;margin:0;padding:0;background-color:#000}#textsContainer{font-family:Basel Classic;font-weight:100;font-size:30rem;color:#fff;position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%,-50%);transition:all .3s ease-in-out}#text:hover{font-weight:1000}.letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.letter:nth-child(1){animation-delay:.05s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(2){animation-delay:.1s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(3){animation-delay:.15s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(4){animation-delay:.2s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(5){animation-delay:.25s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(6){animation-delay:.3s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(7){animation-delay:.35s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(8){animation-delay:.4s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(9){animation-delay:.45s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(10){animation-delay:.5s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(11){animation-delay:.55s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(12){animation-delay:.6s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(13){animation-delay:.65s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(14){animation-delay:.7s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(15){animation-delay:.75s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(16){animation-delay:.8s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(17){animation-delay:.85s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(18){animation-delay:.9s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(19){animation-delay:.95s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(20){animation-delay:1s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}.letter:nth-child(21){animation-delay:1.05s;animation-name:gradient-animation;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes gradient-animation{0%{color:#fff}to{color:#000}}