@keyframes spin{from{transform:rotate(0deg);} to{transform:rotate(360deg);} } @keyframes floatY{0%{transform:translateY(0);} 50%{transform:translateY(-20px);} 100%{transform:translateY(0);} } @keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);} } @keyframes scroll-reverse{from{transform:translateX(-50%);} to{transform:translateX(0);} } @keyframes rotateText{from{transform:rotate(0deg);} to{transform:rotate(360deg);} } @keyframes videoPulse{0%{box-shadow:0 0 0 0 rgba(197, 133, 58, 0.4), 0 0 0 0 rgba(197, 133, 58, 0.35);} 40%{box-shadow:0 0 0 22px rgba(197, 133, 58, 0), 0 0 0 0 rgba(197, 133, 58, 0.3);} 80%{box-shadow:0 0 0 22px rgba(197, 133, 58, 0), 0 0 0 38px rgba(197, 133, 58, 0);} 100%{box-shadow:0 0 0 0 rgba(197, 133, 58, 0), 0 0 0 38px rgba(197, 133, 58, 0);} } @keyframes videoPulse2{0%{box-shadow:0 0 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(255, 255, 255, 0.8);} 40%{box-shadow:0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0.6);} 80%{box-shadow:0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 18px rgba(255, 255, 255, 0);} 100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 18px rgba(255, 255, 255, 0);} } @keyframes slowRotate{from{transform:rotate(0deg);} to{transform:rotate(360deg);} } @keyframes lightSweepFast{from{transform:translateX(-120%) rotate(15deg);} to{transform:translateX(120%) rotate(15deg);} } @keyframes hrMove{from{left:0;} to{left:calc(100% - 80px);} } @keyframes phonePulse{from{transform:scale(1);} to{transform:scale(1.25);} } @keyframes ContactUpDown{0%{transform:translateY(0);} 50%{transform:translateY(-30px);} 100%{transform:translateY(0);} } @keyframes heroGradientMove{0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }