@keyframes change-margin{to{margin-top:16px}}@keyframes change-color-button{to{background:#3d3d3d80}}@keyframes change-white-logo{0%{opacity:1;transform:translateX(-40%) scale(100%)}to{opacity:0;transform:translateX(-50%) scale(.8)}}@keyframes change-color-logo{0%{opacity:0;transform:translateX(-50%) scale(100%)}to{opacity:1;transform:translateX(-50%) scale(.8)}}@keyframes change-bg{to{background-color:#ffffff10;border:1px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 10px rgba(0,0,0,.25);padding:8px 40px}}.nav-container{animation:change-margin linear both}.white-logo{animation:change-white-logo linear both}.color-logo{animation:change-color-logo linear both}.background{animation:change-bg ease-in-out both}.button-login{animation:change-color-button linear both}.background,.button-login,.color-logo,.nav-container,.white-logo{animation-timeline:scroll();animation-range:90vh 100vh}.speed{z-index:20}.easy{z-index:10}.cheap{z-index:0}@kye-keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.animation-box{text-align:center;font-family:Archivo Black,sans-serif}@media (min-width:1024px){.animation-box{text-align:left}}.animation-box{position:relative;& span{display:inline-block;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:text-animation 16s ease-in-out infinite}}@keyframes text-animation{0%,12.5%{transform:translateY(0)}25%,37.5%{transform:translateY(calc(-100% - .5rem))}50%,62.5%{transform:translateY(calc(-200% - .5rem))}75%,87.5%{transform:translateY(calc(-300% - .5rem))}to{transform:translateY(0)}}