::view-transition-group(*){animation-duration:2s}[data-astro-transition-fallback=old]{animation:2.5s cubic-bezier(.76,0,.24,1) both astroFadeOut}[data-astro-transition-fallback=new]{animation:1s cubic-bezier(.76,0,.24,1) both astroFadeIn}audio{position:absolute;top:0;right:0}main{background-color:#fff;max-width:33vw;margin:auto;padding:.5ex 2ex;font-size:min(3vw,3vh);position:absolute}html body{overflow:hidden;background-size:auto 100vh!important}a{text-decoration:none}#bell{view-transition-name:bell;transform-origin:50% 30%;font-size:min(15vw,15vh);animation:.7s ease-in-out infinite turn10;position:absolute;bottom:10vh;left:10vw}#snowboarder{font-size:min(14vw,15vh);animation:.5s ease-in-out infinite turn3;position:absolute;bottom:25vh;right:10vw;transform:rotate(10deg)}#snowboarder.fade{animation:.5s ease-in-out both drop}#penguin{view-transition-name:penguin;font-size:min(25vw,15vh);animation:2s ease-in-out infinite updown;position:absolute;bottom:-5vh;right:5vw;transform:scale(1)}#gift{view-transition-name:gift;font-size:min(10vw,10vh);position:absolute;bottom:35vh;right:50vw;transform:scale(1)}#rocket{view-transition-name:rocket;transform-origin:50%;font-size:min(30vw,30vh);position:absolute;bottom:35vh;right:50vw;transform:scale(.7)translate(2vw)translateY(1vw)rotate(-45deg)}#tree{transform-origin:50% 100%;font-size:min(30vw,30vh);animation:5s ease-in-out infinite turn3;position:absolute;bottom:35vh;right:50vw}#tree.fade{animation:.5s ease-in-out both cut}#snowflake2{view-transition-name:snowflake2;color:#add8e6;font-size:min(20vw,20vh);animation:4s ease-in-out infinite turn10;position:absolute;top:15vh;left:10vw;transform:scale(1)}#snowflake3{view-transition-name:snowflake3;color:#fff;font-size:min(20vw,20vh);animation:5s ease-in-out infinite turn10;position:absolute;top:5vh;right:50vw;transform:scale(.5)}#snowflake1{view-transition-name:snowflake1;color:#87ceeb;font-size:min(20vw,20vh);animation:3s ease-in-out infinite turn10;position:absolute;top:15vh;right:10vw;transform:scale(.7)}@keyframes updown{0%,to{transform:translateY(35vh)}90%{transform:translateY(0)}}@keyframes turn3{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes turn10{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes cut{to{transform:rotate(90deg)}}@keyframes drop{to{transform:rotateX(90deg)translate(-10vw)translateY(4vh)}}