/* Start custom CSS */@supports (animation-timeline: scroll()) { header { background: rgba(255,255,255,0); box-shadow: none; animation: ugHbg linear both; animation-timeline: scroll(root); animation-range: 0 140px; } header > div > div:first-child > a:first-child { opacity: 1; animation: ugLogoW linear both; animation-timeline: scroll(root); animation-range: 0 140px; } header > div > div:first-child > a:last-child { opacity: 0; animation: ugLogoC linear both; animation-timeline: scroll(root); animation-range: 0 140px; } header > div > div:nth-child(2) p, header > div > div:nth-child(2) p a { animation: ugNav linear both; animation-timeline: scroll(root); animation-range: 0 140px; } header > div > a:last-child { animation: ugCta linear both; animation-timeline: scroll(root); animation-range: 0 140px; } }
@keyframes ugHbg{from{background:rgba(255,255,255,0)}to{background:#fff;box-shadow:0 1px 0 #D5E9EE}} @keyframes ugLogoW{from{opacity:1}to{opacity:0}} @keyframes ugLogoC{from{opacity:0}to{opacity:1}} @keyframes ugNav{from{color:#fff}to{color:#05141A}} @keyframes ugCta{from{background:#35E4FD;color:#05141A}to{background:#155670;color:#fff}} header > div > div:first-child > a{display:block} html{scroll-behavior:smooth}/* End custom CSS */