@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes turnPage{0%,100%{opacity:0}38%,58%{opacity:1}}
@keyframes focusIn{from{opacity:0;filter:blur(5px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes paperFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes equalize{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes candle{0%,100%{transform:rotate(-4deg) scale(.96,1);opacity:.9}35%{transform:rotate(4deg) scale(1,1.07);opacity:1}65%{transform:rotate(-2deg) scale(.98,.97);opacity:.92}}
.is-active .reveal{animation:arrive .85s both}.is-active .reveal:nth-child(2){animation-delay:.12s}.is-active .reveal:nth-child(3){animation-delay:.24s}.is-active .reveal:nth-child(4){animation-delay:.36s}.is-active .reveal:nth-child(5){animation-delay:.48s}
.scene-intro.is-active .eyebrow{animation-delay:.2s}.scene-intro.is-active .display-title{animation-delay:.65s;animation-duration:1.2s}.scene-intro.is-active .intro-description{animation-delay:1.5s;animation-duration:1.1s}.scene-intro.is-active .primary-button{animation-delay:1.8s}.scene-intro.is-active .sound-hint{animation-delay:2s}.scene-intro.is-active .campus-postcard{animation:focusIn 1.8s .1s both}.scene-intro.is-active .opening-cake{animation:focusIn 1.6s 1s both}.scene-intro.is-active .intro-bottom{animation:arrive 1s 2.1s both}
.scene-birthday.is-active .birthday-note{animation:arrive 1.1s .15s both}.scene-birthday.is-active .birthday-note h2{animation:arrive 1s .7s both}.scene-birthday.is-active .cake{animation:focusIn 1.4s 1.1s both}.scene-birthday.is-active .birthday-note-bottom{animation:arrive 1s 1.65s both}.scene-birthday.is-active .wish-stickers{animation-delay:1.8s}.scene-birthday.is-active>.scene-description{animation-delay:2s}.scene-birthday.is-active>.primary-button{animation-delay:2.1s}
.envelope:not(.is-open)>span{animation:paperFloat 6s ease-in-out infinite}.letter-card{animation:arrive .7s both}.letter-card #letter-content p{animation:arrive .6s both;animation-delay:var(--line-delay,0s)}
.music-toggle.is-playing .equalizer i{animation:equalize 1s ease-in-out infinite}.music-toggle.is-playing .equalizer i:nth-child(2){animation-delay:-.4s}.music-toggle.is-playing .equalizer i:nth-child(3){animation-delay:-.7s}.music-toggle.is-playing .equalizer i:nth-child(4){animation-delay:-.2s}.candles i:before{animation:candle 2.7s ease-in-out infinite}.candles i:nth-child(2):before{animation-delay:-.6s}.candles i:nth-child(3):before{animation-delay:-1.4s}#transition.is-running{animation:turnPage 1.05s ease both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}