#preloader{--next-flip-delay: .3;position:fixed;height:100dvh;width:100vw;font-family:Seiston,sans-serif;text-transform:uppercase;background-color:#000;display:flex;justify-content:center;align-items:center;font-size:18vw;-webkit-user-select:none;user-select:none;color:#b6b6b6;z-index:999999}.letter-wrapper{perspective:1000px}.letter{display:flex;transform:rotateY(-90deg);animation:flipUp var(--flip-duration);animation-fill-mode:forwards}.letter-wrapper{animation:blurOut calc(var(--flip-duration) * 3);animation-fill-mode:forwards}.letter-wrapper:nth-child(1) .letter{animation-delay:0}.letter-wrapper:nth-child(2) .letter{animation-delay:calc(var(--flip-duration) * var(--next-flip-delay) * 1)}.letter-wrapper:nth-child(3) .letter{animation-delay:calc(var(--flip-duration) * var(--next-flip-delay) * 2)}.letter-wrapper:nth-child(4) .letter{animation-delay:calc(var(--flip-duration) * var(--next-flip-delay) * 3)}.letter-wrapper:nth-child(5) .letter{animation-delay:calc(var(--flip-duration) * var(--next-flip-delay) * 4)}.letter-wrapper:nth-child(6) .letter{animation-delay:calc(var(--flip-duration) * var(--next-flip-delay) * 5)}.letter-wrapper:nth-child(4) .letter{letter-spacing:-3.5vw}.fade-out-animated{animation:fadeOut 1s;animation-fill-mode:forwards}@keyframes flipUp{0%{opacity:0;transform:rotateY(-90deg)}50%{opacity:1}to{transform:rotateY(0)}}@keyframes blurOut{0%{filter:blur(10px)}to{filter:blur(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}