// Dynamic Hue Rotation for Background & Border Colors
let hue = 0;
const wrapper = document.getElementById(‘main-card-wrapper’);

setInterval(() => {
hue = (hue + 2) % 360;
wrapper.style.filter = `hue-rotate(${hue}deg)`;
}, 50);

// Dynamic Color Shift for Contact Number
const colors = [‘#ff0000’, ‘#00ff00’, ‘#00ffff’, ‘#ffff00’, ‘#ff00ff’, ‘#00ff66’, ‘#ffaa00’];
let colorIndex = 0;
const numElem = document.getElementById(‘dynamic-number’);

setInterval(() => {
colorIndex = (colorIndex + 1) % colors.length;
numElem.style.color = colors[colorIndex];
}, 400);