@font-face{font-family:SilverChristmas;src:url("../fonts/SilverChristmas.otf") format("opentype");font-weight:400;font-style:normal;font-display:auto}body{font-family:monospace;background:linear-gradient(45deg,red,#f1bbbb,#186e18,#9ed6ac,red);background-size:300% 300%;cursor:pointer;color:#fff;display:flex;flex-wrap:wrap;gap:1em;justify-content:center;align-items:center;height:100vh;font-size:calc(100% + 5vmin);margin:0}div:has(h1){text-align:center;font-family:SilverChristmas;transform:rotate(-15deg)}div:has(h1) h1{font-weight:400;margin-block-end:0}div:has(h1)p{margin-block-start:0}.tree{display:grid;text-align:center;line-height:1.2;min-width:3em}.tree span{--delay:0;color:#46dc2c;display:inline-block;animation:blink 5s infinite;animation-delay:calc(var(--delay) * 1s)}.tree span:nth-child(2n){color:tomato}.tree span:nth-child(3n){color:gold}.tree>span:nth-last-child(-n+1){animation:none}@media (pointer:coarse) and (orientation:portrait){body{width:100%;height:100vh;display:block}div:has(h1){padding-block-start:3em}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}