Todo
Your tasks, organised.
Surf Report
Tynemouth, Cullercoats & King Edward's Bay.
/* Ideas — floating star background */
#section-ideas {
overflow: hidden;
}
.ideas-bg {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.ideas-bg .float-star {
position: absolute;
opacity: 0.08;
animation: star-twinkle ease-in-out infinite;
}
.ideas-bg .float-star:nth-child(1) { left: 10%; top: 12%; animation-duration: 4s; }
.ideas-bg .float-star:nth-child(2) { left: 80%; top: 8%; animation-duration: 3s; animation-delay: -1s; }
.ideas-bg .float-star:nth-child(3) { left: 50%; top: 25%; animation-duration: 5s; animation-delay: -2s; }
.ideas-bg .float-star:nth-child(4) { left: 20%; top: 75%; animation-duration: 4.5s; animation-delay: -0.5s; }
.ideas-bg .float-star:nth-child(5) { left: 70%; top: 80%; animation-duration: 3.5s; animation-delay: -1.5s; }
.ideas-bg .float-star:nth-child(6) { left: 40%; top: 60%; animation-duration: 5.5s; animation-delay: -3s; }
.ideas-bg .float-star:nth-child(7) { left: 88%; top: 45%; animation-duration: 4s; animation-delay: -2.5s; }
@keyframes star-twinkle {
0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.06; }
50% { transform: scale(1.2) rotate(20deg); opacity: 0.12; }
}
#section-ideas .section-icon,
#section-ideas h2,
#section-ideas .ideas-list,