:root{--view-transition-duration:.25s}::view-transition-old(root){animation-duration:var(--view-transition-duration);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:var(--view-transition-duration);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:fade-out-page}::view-transition-new(root){animation-name:fade-in-page;animation-delay:calc(var(--view-transition-duration)*.5)}::view-transition-old(header){mix-blend-mode:normal;animation:none}::view-transition-new(header){mix-blend-mode:normal;animation:none}::view-transition-old(footer){mix-blend-mode:normal;animation:none}::view-transition-new(footer){mix-blend-mode:normal;animation:none}html,body{height:100%;margin:0;padding:0}main{padding-top:20px;padding-bottom:120px}.animate-pulse{animation:2s infinite pulse}.appear-card{animation:.25s ease-in-out both appear-card}div:first-child>.appear-card{animation-delay:0s}div:nth-child(2)>.appear-card{animation-delay:.1s}div:nth-child(3)>.appear-card{animation-delay:.2s}div:nth-child(4)>.appear-card{animation-delay:.3s}div:nth-child(5)>.appear-card{animation-delay:.4s}div:nth-child(6)>.appear-card{animation-delay:.5s}div:nth-child(7)>.appear-card{animation-delay:.6s}div:nth-child(8)>.appear-card{animation-delay:.7s}div:nth-child(9)>.appear-card{animation-delay:.8s}div:nth-child(10)>.appear-card{animation-delay:.9s}@keyframes appear-card{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;filter:brightness();transform:scale(1)}50%{opacity:.75;filter:brightness(.5);transform:scale(.95)}}@keyframes fade-in-page{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-page{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}