/* ACTIVITY SLIDE */
.slide.is-activity { justify-content: center; align-items: center; }
.slide.is-activity .upcoming { position: absolute; top: 64px; left: 50%; transform: translateX(-50%); color: #fff; opacity: .5; letter-spacing: 1.5px; font-weight: 400; text-transform: uppercase; }
.slide.is-activity .inner { display: flex; align-items: center; flex-direction: column; row-gap: 54px; }
.slide.is-activity .inner .image { border-radius: 40px; padding: 8px; width: 280px; height: 280px; border: 6px solid #2E2D2C; }
.slide.is-activity .inner .image img { width: 100%; border-radius: 24px; aspect-ratio: 1/1; object-fit: cover; object-position: center; }
.slide.is-activity .inner .info { text-align: center; color: #fff; }
.slide.is-activity .inner .info h1 { font-size: 3rem; line-height: 1; }
.slide.is-activity .inner .info .date { font-size: 2.25rem; font-weight: 300; margin-top: 0.75rem; line-height: 1; }

.slide.is-activity.is-birthday .flags.flag-1 { position: absolute; left: 0; top: 0; width: 500px; }
.slide.is-activity.is-birthday .flags.flag-2 { position: absolute; right: 0; top: 0; width: 380px; }

.slide.is-activity.is-birthday .balloons { position: absolute; transform: translateY(100vh); }
.slide.is-activity.is-birthday .balloons.baloon-1 {  left: 10%; width: 160px; animation: float-1 8s linear infinite; animation-delay: 0s; }
.slide.is-activity.is-birthday .balloons.baloon-2 {  left: 30%; width: 130px; animation: float-2 10s linear infinite; animation-delay: 2s; }
.slide.is-activity.is-birthday .balloons.baloon-3 {  left: 50%; width: 140px; animation: float-3 9s linear infinite; animation-delay: 1s; }
.slide.is-activity.is-birthday .balloons.baloon-4 {  left: 70%; width: 130px; animation: float-4 11s linear infinite; animation-delay: 3s; }
.slide.is-activity.is-birthday .balloons.baloon-5 {  left: 90%; width: 140px; animation: float-5 7s linear infinite; animation-delay: 0.5s; }


@keyframes float-1 { 
    from { transform: translateY(100vh) translateX(0); }
    to { transform: translateY(-100vh) translateX(-20px); }
}

@keyframes float-2 { 
    from { transform: translateY(100vh) translateX(0); }
    to { transform: translateY(-100vh) translateX(20px); }
}

@keyframes float-3 { 
    from { transform: translateY(100vh) translateX(0); }
    to { transform: translateY(-100vh) translateX(-10px); }
}

@keyframes float-4 { 
    from { transform: translateY(100vh) translateX(0); }
    to { transform: translateY(-100vh) translateX(15px); }
}

@keyframes float-5 { 
    from { transform: translateY(100vh) translateX(0); }
    to { transform: translateY(-100vh) translateX(-15px); }
}