:root {
–primary-color: #e60000; /* Wild Mike’s Red */
–secondary-color: #ffc72c; /* Yellow */
–text-color: #333333;
}

body {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
color: var(–text-color);
margin: 0;
padding: 0;
line-height: 1.7;
}

.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: white;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* Progress Bar Styling */
#progress-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #e0e0e0;
z-index: 10000;
}
#progress-bar {
height: 100%;
width: 0%;
background: var(–primary-color);
transition: width 0.1s;
}
#progress-text {
position: fixed;
top: 12px;
right: 20px;
background: rgba(255,255,255,0.95);
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
z-index: 10000;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Modal Styling */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 20000;
}
.modal-content {
background: white;
padding: 40px;
border-radius: 20px;
text-align: center;
max-width: 450px;
width: 90%;
border: 5px solid var(–primary-color);
}
.btn-start {
background: var(–primary-color);
color: white;
border: none;
padding: 15px 40px;
font-size: 20px;
font-weight: bold;
border-radius: 50px;
cursor: pointer;
margin-top: 20px;
text-transform: uppercase;
}

ins.adsbygoogle {
margin: 40px auto !important;
display: block !important;
}

.hero {
text-align: center;
padding: 40px 20px;
background: var(–primary-color);
border-radius: 15px;
margin-bottom: 30px;
}
.hero h1 {
color: white;
font-size: 32px;
margin: 0 0 15px 0;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.hero p {
color: white;
font-size: 18px;
margin: 0;
}

h1, h2 { color: var(–primary-color); }

.prize-box {
background: #ffebee;
border: 3px solid var(–primary-color);
padding: 25px;
border-radius: 15px;
margin: 30px 0;
}

.cta-section {
background: var(–primary-color);
padding: 50px 30px;
border-radius: 20px;
text-align: center;
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.cta-section h2 {
color: white;
font-size: 36px;
margin: 0 0 20px 0;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.cta-section p {
color: white;
font-size: 18px;
margin: 0 0 30px 0;
font-weight: bold;
}
.cta-btn {
display: inline-block;
background: white;
color: var(–primary-color);
padding: 20px 50px;
font-size: 24px;
font-weight: bold;
text-decoration: none;
border-radius: 50px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}

.how-to-enter {
background: #ffebee;
border-left: 5px solid var(–primary-color);
padding: 20px;
margin: 30px 0;
}
.how-to-enter ol {
margin: 0;
padding-left: 20px;
}
.how-to-enter li {
margin-bottom: 10px;
}

.fun-fact-box {
background: #fffde7;
border: 2px dashed var(–secondary-color);
padding: 20px;
border-radius: 10px;
margin: 30px 0;
text-align: center;
}

.tip-box {
background: #e8f5e9;
border-left: 5px solid #4caf50;
padding: 20px;
margin: 30px 0;
}

/* Social Proof Pop-up Styling */
@keyframes popIn {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
.social-proof-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(–primary-color);
color: white;
padding: 25px 40px;
border-radius: 15px;
font-size: 20px;
font-weight: bold;
z-index: 9999;
box-shadow: 0 10px 40px rgba(0,0,0,0.6);
text-align: center;
min-width: 300px;
animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display: none; /* Hidden by default */
}

var isScrolling = false;

document.getElementById(“start-btn”).onclick = function() {
document.getElementById(“start-modal”).style.display = “none”;
startAutoScroll();
};

function startAutoScroll() {
isScrolling = true;
var progressBar = document.getElementById(“progress-bar”);
var progressText = document.getElementById(“progress-text”);

// 1. Social Proof Logic (90% Facts, 10% Names)
var names = [“Sarah M.”, “James K.”, “Emma L.”, “Michael T.”, “Jessica R.”, “David P.”, “Lauren H.”, “Chris B.”, “Nicole W.”, “Ryan G.”, “Amanda S.”, “Kevin D.”, “Megan F.”, “Brandon J.”, “Ashley V.”, “Tyler C.”, “Brittany M.”, “Joshua N.”, “Samantha E.”, “Daniel A.”];
var facts = [
“🍕 26 Winners Total! 🏈”,
“🗓️ Ends January 25, 2026”,
“🇺🇸 Open to US Residents (18+)”,
“✅ No Purchase Necessary”,
“Win a $10,000 Pizza Party!”,
“Win FREE Pizza Coupons!”,
“Total Prize Value: $10,789.25”
];

var socialProofInterval = setInterval(function() {
if (!isScrolling) {
clearInterval(socialProofInterval);
return;
}

// Create the popup
var popup = document.createElement(“div”);
popup.className = “social-proof-popup”;

// 90% chance for a fact, 10% for a name
if (Math.random() > 0.1) {
popup.innerText = facts[Math.floor(Math.random() * facts.length)];
} else {
popup.innerText = names[Math.floor(Math.random() * names.length)] + ” just entered!”;
}

document.body.appendChild(popup);
popup.style.display = “block”;

// Remove after 2.5 seconds
setTimeout(function() {
popup.style.opacity = “0”;
popup.style.transition = “opacity 0.5s”;
setTimeout(function() { popup.remove(); }, 500);
}, 2500);

}, 4000); // Appears every 4 seconds

// 2. Linear Scroll Logic (45 Seconds)
var duration = 45000; // 45 seconds
var start = window.scrollY;
var targetScroll = (document.documentElement.scrollHeight – window.innerHeight) * 0.95;
var distance = targetScroll – start;
var startTime = null;

function animation(currentTime) {
if (!startTime) startTime = currentTime;
var timeElapsed = currentTime – startTime;
var run = easeLinear(timeElapsed, start, distance, duration);

window.scrollTo(0, run);

// Update Progress
var progress = Math.min(timeElapsed / duration, 1);
var scrollPercent = Math.round(progress * 100);
progressBar.style.width = scrollPercent + ‘%’;
progressText.innerText = scrollPercent + ‘% to entry’;

if (timeElapsed < duration) {
requestAnimationFrame(animation);
} else {
isScrolling = false;
}
}

// Linear Easing Function
function easeLinear(t, b, c, d) {
return c * t / d + b;
}

requestAnimationFrame(animation);
}

Helpful Freebie Mom Guides

• How to Enter Sweepstakes Online Safely
• How to Make a Sweepstakes Entry Tracker
• How to Spot a Fake Sweepstakes Win Notification
• Sweepstakes vs. Instant Win Games

Keep going

More Freebie Mom guides worth checking

Instant Win GamesQuick plays, fast prizes, and daily chances.Best Sweepstakes to Enter TodayStart with the strongest current prizes.Sweepstakes DatabaseSearch active sweeps by prize, deadline, and entry type.