@keyframes float-1 { 0%, 100% { transform: rotate(-18deg) translate(0, 0); } 25% { transform: rotate(-12deg) translate(18px, -25px); } 50% { transform: rotate(-22deg) translate(-12px, -40px); } 75% { transform: rotate(-15deg) translate(24px, -18px); } } @keyframes float-2 { 0%, 100% { transform: rotate(12deg) translate(0, 0); } 25% { transform: rotate(18deg) translate(-24px, 18px); } 50% { transform: rotate(8deg) translate(14px, -30px); } 75% { transform: rotate(14deg) translate(-18px, -12px); } } @keyframes float-3 { 0%, 100% { transform: rotate(22deg) translate(0, 0); } 33% { transform: rotate(16deg) translate(28px, -24px); } 66% { transform: rotate(28deg) translate(-18px, -35px); } } @keyframes float-4 { 0%, 100% { transform: rotate(-8deg) translate(0, 0); } 30% { transform: rotate(-3deg) translate(-14px, 24px); } 60% { transform: rotate(-14deg) translate(18px, -18px); } } #brx-header:not(.scrolling) section{ background-color: transparent !important; box-shadow: none !important; #dark-logo{ display:none; } a, .ti-menu{ color: #fff; } } #brx-header.scrolling section{ #light-logo{ display:none; } }