/* page-to-page: the header and the stars stay, the rest of the page fades out fast and the next one rises in */
@view-transition{navigation:auto}
header{view-transition-name:site-header}
.sky{view-transition-name:sky}
::view-transition-group(site-header),::view-transition-group(sky){animation-duration:0s}
::view-transition-old(root){animation:vt-out 170ms cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vt-in 380ms cubic-bezier(.16,1,.3,1) 70ms both}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}