.MainLogo{font-size:1.5rem;--text-scroll-progress: min(calc(var(--scroll-progress, 0) * 2), 1);--blue-amount: calc(1 - var(--text-scroll-progress));--white-amount: var(--text-scroll-progress);color:color-mix(in srgb,var(--primary-blue) calc(var(--blue-amount) * 100%),var(--white) calc(var(--white-amount) * 100%));text-align:center}@media(min-width:1024px){.MainLogo{text-align:left}}