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