body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; line-height: 1.8; color: #444; max-width: 950px; margin: 0 auto; padding: 20px; background: #fff9f0; }

:root {
–primary: #e84393; /* Ms. Rachel pink */
–secondary: #ffb703; /* Sunny yellow */
–dark: #2d3436;
–white: #ffffff;
–light: #fff0f8;
}

h1 { font-family: ‘Segoe UI’, sans-serif; font-size: 36px; font-weight: 800; color: var(–dark); margin-bottom: 20px; line-height: 1.2; text-transform: uppercase; border-bottom: 4px solid var(–primary); padding-bottom: 15px; }
h2 { font-size: 26px; font-weight: 700; color: var(–primary); margin-top: 50px; margin-bottom: 20px; border-left: 6px solid var(–secondary); padding-left: 15px; background: #fff; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
h3 { font-size: 22px; font-weight: 600; color: var(–dark); margin-top: 35px; margin-bottom: 15px; }
p { margin-bottom: 20px; font-size: 18px; color: #555; }
li { margin-bottom: 10px; font-size: 18px; color: #555; }

.intro { font-size: 20px; font-weight: 500; color: var(–dark); background: var(–white); border: 1px solid #f8c8e0; padding: 35px; margin: 40px 0; border-radius: 8px; border-top: 5px solid var(–primary); box-shadow: 0 5px 15px rgba(232,67,147,0.08); }

/* Loading Banner */
.fm-loader-banner { background: linear-gradient(135deg, var(–primary), #c2185b); color: #fff; text-align: center; padding: 18px 20px; font-size: 20px; font-weight: 800; letter-spacing: 1px; overflow: hidden; max-height: 80px; animation: bannerCollapse 0.6s ease-out 5s forwards; border-radius: 8px; margin-bottom: 20px; }
@keyframes bannerCollapse { to { max-height: 0; padding: 0; margin: 0; opacity: 0; } }

/* Giveaway Widget */
.giveaway-container { margin: 60px auto; max-width: 800px; }
.countdown-box { background: linear-gradient(135deg, var(–primary), #c2185b); border: 4px solid var(–primary); border-bottom: none; border-radius: 12px 12px 0 0; padding: 30px; text-align: center; color: var(–white); }
.countdown-title { color: var(–white); font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.countdown-subtitle { color: #fce4ec; font-size: 16px; margin: 0 0 25px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }
.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 550px; margin: 0 auto; }
.timer-cell { background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.3); border-radius: 6px; padding: 15px; color: var(–white); }
.timer-num { display: block; font-size: 42px; font-weight: 700; line-height: 1; font-family: ‘Arial Black’, sans-serif; }
.timer-label { display: block; font-size: 12px; text-transform: uppercase; margin-top: 10px; font-weight: 600; color: #fce4ec; }

.giveaway-box { background: #fff; border: 4px solid var(–primary); border-top: none; border-radius: 0 0 12px 12px; padding: 50px 40px; text-align: center; position: relative; box-shadow: 0 15px 40px rgba(232,67,147,0.15); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–secondary); color: var(–dark); padding: 10px 40px; border-radius: 50px; font-size: 16px; font-weight: 800; text-transform: uppercase; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border: 3px solid var(–white); white-space: nowrap; }
.giveaway-headline { font-size: 34px; font-weight: 800; margin: 30px 0 20px; color: var(–dark); text-transform: uppercase; letter-spacing: -0.5px; }
.giveaway-description { font-size: 20px; color: #666; margin: 0 auto 20px; line-height: 1.6; max-width: 650px; }
.enter-button { display: inline-block; background: var(–primary); color: var(–white); font-size: 24px; font-weight: 700; padding: 20px 60px; border-radius: 6px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 0px #a5005e; transition: transform 0.1s, box-shadow 0.1s; text-transform: uppercase; letter-spacing: 1px; }
.enter-button:hover { transform: translateY(4px); box-shadow: 0 4px 0px #a5005e; }

/* Cheat Sheet */
.cheat-sheet { background: #fff0f8; border: 2px dashed var(–primary); padding: 20px; margin: 0 auto 20px; border-radius: 8px; max-width: 600px; }
.cs-title { display: block; font-weight: 800; color: var(–primary); margin-bottom: 10px; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; }
.cs-grid { display: grid; grid-template-columns: 1fr; gap: 10px; font-size: 17px; color: var(–dark); text-align: left; }
.cs-grid div { background: #fff; padding: 10px 14px; border-radius: 4px; border: 1px solid #f8c8e0; display: flex; align-items: center; gap: 10px; }

/* Entry Section */
.entry-section { background: linear-gradient(135deg, var(–primary), #c2185b); border-radius: 12px; padding: 40px; margin-top: 60px; text-align: center; }
.entry-section h3 { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 30px; text-transform: uppercase; }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; margin-top: 60px; text-align: left; }
.recap-box { background: #fff0f8; border-top: 5px solid var(–secondary); padding: 25px; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.recap-box h4 { color: var(–primary); font-size: 18px; font-weight: 800; text-transform: uppercase; margin: 0 0 20px; letter-spacing: 1px; }
.recap-box dl { font-size: 16px; line-height: 1.8; margin: 0; }
.recap-box dt { font-weight: 700; color: #333; margin-top: 15px; text-transform: uppercase; font-size: 13px; }
.recap-box dd { margin: 0; color: #555; }

/* Ad Container */
.ad-container { margin: 60px auto; text-align: center; max-width: 100%; overflow: hidden; }

/* Feature Cards */
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; margin: 40px 0; }
.feature-card { background: #fff; border: 1px solid #f8c8e0; border-top: 5px solid var(–primary); border-radius: 8px; padding: 25px; box-shadow: 0 4px 12px rgba(232,67,147,0.08); }
.feature-card .icon { font-size: 36px; margin-bottom: 12px; display: block; }
.feature-card h4 { font-size: 18px; font-weight: 800; color: var(–dark); margin: 0 0 10px; }
.feature-card p { font-size: 16px; color: #666; margin: 0; }

/* Prize Image */
.prize-image-block { text-align: center; margin: 50px auto; max-width: 800px; }
.prize-image-block img { width: 100%; border-radius: 12px; box-shadow: 0 10px 30px rgba(232,67,147,0.15); border: 3px solid var(–primary); }
.prize-image-caption { font-size: 15px; color: #888; margin-top: 12px; font-style: italic; }

/* Steps */
.steps-list { list-style: none; padding: 0; margin: 30px 0; counter-reset: steps; }
.steps-list li { counter-increment: steps; display: flex; align-items: flex-start; gap: 20px; margin-bottom: 20px; background: #fff; border: 1px solid #f8c8e0; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.steps-list li::before { content: counter(steps); background: var(–primary); color: #fff; font-size: 20px; font-weight: 800; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.steps-list li span { font-size: 17px; color: #444; line-height: 1.6; }

/* Table */
.data-table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 16px; }
.data-table th { background: var(–primary); color: #fff; padding: 14px 16px; text-align: left; font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; }
.data-table td { padding: 14px 16px; border-bottom: 1px solid #f8c8e0; color: #444; }
.data-table tr:nth-child(even) td { background: #fff0f8; }
.data-table tr:hover td { background: #fce4ec; }

/* FAQ */
.faq-item { border: 1px solid #f8c8e0; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.faq-question { background: #fff0f8; padding: 18px 20px; font-size: 17px; font-weight: 700; color: var(–dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question:hover { background: #fce4ec; }
.faq-answer { display: none; padding: 18px 20px; font-size: 16px; color: #555; background: #fff; border-top: 1px solid #f8c8e0; line-height: 1.7; }
.faq-arrow { font-size: 20px; color: var(–primary); transition: transform 0.2s; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-item.open .faq-answer { display: block; }

/* Related Cards */
.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin: 40px 0; }
.related-card { background: #fff; border: 1px solid #f8c8e0; border-radius: 8px; padding: 20px; text-decoration: none; color: inherit; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: transform 0.2s, box-shadow 0.2s; display: block; }
.related-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(232,67,147,0.15); }
.related-card .rc-icon { font-size: 28px; margin-bottom: 10px; display: block; }
.related-card .rc-title { font-size: 16px; font-weight: 700; color: var(–dark); margin-bottom: 6px; }
.related-card .rc-prize { font-size: 14px; color: var(–primary); font-weight: 600; }

/* Popups */
.popup-message { display: none; position: fixed; bottom: 30px; left: 30px; background: var(–white); border: 4px solid var(–primary); padding: 20px 30px; font-size: 20px; font-weight: 800; color: var(–dark); text-align: center; z-index: 10000; box-shadow: 0 10px 40px rgba(0,0,0,0.15); max-width: 320px; border-radius: 12px; }
.skip-popup { display: none; position: fixed; top: 20px; right: 20px; background: var(–white); border: 4px solid var(–secondary); padding: 25px 30px; text-align: center; z-index: 10001; box-shadow: 0 10px 40px rgba(0,0,0,0.12); max-width: 300px; border-radius: 12px; }
.skip-popup-title { font-size: 20px; font-weight: 800; color: var(–primary); margin: 0 0 12px; }
.skip-popup-text { font-size: 15px; color: #555; margin: 0 0 15px; }
.skip-yes-button { display: inline-block; background: var(–primary); color: var(–white); font-size: 16px; font-weight: 700; padding: 12px 28px; border-radius: 6px; border: none; cursor: pointer; text-transform: uppercase; }

@media (max-width: 600px) {
h1 { font-size: 26px; }
.giveaway-headline { font-size: 24px; }
.enter-button { font-size: 18px; padding: 16px 30px; }
.timer-num { font-size: 30px; }
.popup-message { left: 10px; right: 10px; max-width: calc(100% – 20px); bottom: 10px; }
.skip-popup { left: 10px; right: 10px; max-width: calc(100% – 20px); top: 10px; }
}

🌈 Ms. Rachel x Nugget Comfort Giveaway — Win a Play Couch + 7 Books!

Two of the most beloved names in early childhood are teaming up for the ultimate giveaway! Nugget Comfort and Random House Kids are giving away a Ms. Rachel-themed Nugget play couch plus seven beloved Ms. Rachel books to one lucky winner. If your little one loves Songs for Littles, this is the giveaway you cannot miss. Closes April 27th — enter now!

The Ms. Rachel Nugget play couch + 7 books — one lucky winner takes it all home!

Why Parents Love the Nugget Play Couch

The Nugget Comfort play couch is not just a piece of furniture — it is a childhood institution. Made from durable microsuede foam, the Nugget transforms into forts, slides, ramps, reading nooks, and everything in between. It is the toy that never gets old, and it grows with your child from toddler years all the way through elementary school.

Why Ms. Rachel Books Belong on Every Shelf

Ms. Rachel — the creator of the wildly popular Songs for Littles YouTube channel — has become one of the most trusted voices in early childhood education. Her books carry the same warmth, repetition, and gentle encouragement that have made millions of toddlers fall in love with learning. Here is a look at what makes her books so special:

How to Enter — Step by Step

Entering this giveaway takes less than 60 seconds. Here is exactly what to do:

• Go to the giveaway post on Instagram — posted by @randomhousekids. Click the ENTER HERE button on this page to go directly to the post.
• Like the post by tapping the heart icon. This is required for entry.
• Follow both accounts — @randomhousekids AND @nuggetcomfort. Both follows are required.
• Tag a fellow Ms. Rachel fan in the comments. Every comment with a tag counts as an extra entry — tag as many friends as you want!
• Watch for the winner announcement on April 27, 2026. The winner will be DM’d from the verified @randomhousekids account only.

Frequently Asked Questions

More Giveaways You’ll Love

var scrollAnimationId = null;
var isScrolling = false;
var popupTimers = [];
var endDate = new Date(“April 27, 2026 23:59:59 EST”).getTime();

function updateCountdown() {
var now = new Date().getTime();
var distance = endDate – now;
if (distance < 0) {
document.getElementById("days").textContent = "00";
document.getElementById("hours").textContent = "00";
document.getElementById("minutes").textContent = "00";
document.getElementById("seconds").textContent = "00";
return;
}
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").textContent = String(days).padStart(2, "0");
document.getElementById("hours").textContent = String(hours).padStart(2, "0");
document.getElementById("minutes").textContent = String(minutes).padStart(2, "0");
document.getElementById("seconds").textContent = String(seconds).padStart(2, "0");
}
setInterval(updateCountdown, 1000);
updateCountdown();

function slowScrollToEntry() {
var entrySection = document.getElementById("entry-section");
var startPosition = window.pageYOffset;
var targetPosition = entrySection.offsetTop – 50;
var distance = targetPosition – startPosition;
var duration = 35000;
var startTime = null;
isScrolling = true;

function animation(currentTime) {
if (!isScrolling) return;
if (startTime === null) startTime = currentTime;
var timeElapsed = currentTime – startTime;
var progress = Math.min(timeElapsed / duration, 1);
window.scrollTo(0, startPosition + distance * progress);
if (timeElapsed < duration) {
scrollAnimationId = requestAnimationFrame(animation);
} else {
window.scrollTo(0, targetPosition);
}
}
scrollAnimationId = requestAnimationFrame(animation);

var schedule = [3000, 6000, 9000, 12000, 15000, 21000, 24000, 27000, 30000, 33000];
schedule.forEach(function(time, index) {
popupTimers.push(setTimeout(function() { showPopup("popup" + (index + 1)); }, time));
});
popupTimers.push(setTimeout(function() { showSkipPopup(targetPosition); }, 18000));
}

function showPopup(id) {
var popup = document.getElementById(id);
if (popup) {
popup.style.display = "block";
setTimeout(function() { popup.style.display = "none"; }, 2500);
}
}

function showSkipPopup(targetPosition) {
if (!isScrolling) return;
var skipPopup = document.getElementById("skip-popup");
skipPopup.style.display = "block";
var autoHide = setTimeout(function() { skipPopup.style.display = "none"; }, 5000);
document.getElementById("skip-yes-btn").onclick = function() {
clearTimeout(autoHide);
skipPopup.style.display = "none";
isScrolling = false;
if (scrollAnimationId) cancelAnimationFrame(scrollAnimationId);
popupTimers.forEach(function(t) { clearTimeout(t); });
document.querySelectorAll('.popup-message').forEach(function(p) { p.style.display = 'none'; });
window.scrollTo({ top: targetPosition, behavior: 'smooth' });
};
}

document.getElementById("top-enter-button").addEventListener("click", function(e) {
e.preventDefault();
slowScrollToEntry();
});

document.querySelectorAll('.faq-question').forEach(function(q) {
q.addEventListener('click', function() {
var item = this.parentElement;
item.classList.toggle('open');
});
});