@import"https://fonts.bunny.net/css?family=merienda:900";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center}#root{margin:0;padding:0;width:100%}.calendar{background-image:url(/assets/pattern.webp);box-sizing:border-box;background-color:#fff3;background-blend-mode:lighten;display:grid;grid-gap:24px;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;justify-items:center;align-items:center;padding:24px}.day{-webkit-user-select:none;user-select:none;cursor:pointer}.text{display:block;font-size:60px;font-family:Merienda,handwriting}.gold{background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff,#ffffac 8%,#d1b464 25%,#d1b464,#5d4a1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.silver{background:radial-gradient(ellipse farthest-corner at right bottom,#ededed,#dfdfdc 8%,#c1c4c4 25%,#bdbabf,#9d9d9d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow .text{animation:glow 1s ease-in-out infinite alternate}@media screen and (min-width: 400px){.gold-text{font-size:72px}}@keyframes glow{0%{text-shadow:0 0 10px #fdb93180,0 0 20px #fdb93180,0 0 30px #d1b46480,0 0 40px #d1b46480,0 0 50px #fedb3780,0 0 60px #fedb3780,0 0 70px #fedb3780}to{text-shadow:none}}.backdrop{--shadow: 0 0 5px #222;position:fixed;background:#01000099;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;animation:opacity .1s linear}.image-container{--border-width: min(3vw, 20px);--stripe-color-first: #fff;--stripe-color-second: #d6001c;display:flex;width:80vw;max-width:600px;border:solid var(--border-width) transparent;position:relative;border-radius:1rem;box-shadow:var(--shadow);animation:from-bellow .5s ease-out,opacity .5s linear}.image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-1 * var(--border-width));border-radius:inherit;background:repeating-linear-gradient(45deg,var(--stripe-color-first),var(--stripe-color-first) 10px,var(--stripe-color-second) 10px,var(--stripe-color-second) 20px),url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.52' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background:repeating-linear-gradient(45deg,var(--stripe-color-first),var(--stripe-color-first) 10px,var(--stripe-color-second) 10px,var(--stripe-color-second) 20px),url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.image-container img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:.4rem}.holly{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;position:absolute;transform:translateY(-70%) translate(20%) scale(.8);filter:drop-shadow(var(--shadow))}.description{text-align:center;text-shadow:var(--shadow);opacity:0;animation:opacity .3s linear forwards;animation-delay:.5s}@keyframes from-bellow{0%{transform:translateY(50vh)}to{transform:translateY(0)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}.sky>.snowflake-wrap{--delay: 0s;--offsetX: 0px;--offsetY: 0px;position:fixed;top:-20px;z-index:10;animation:falling 20s ease-in infinite;animation-delay:var(--delay)}.sky>.snowflake-wrap>.snowflake{animation:wobling 5s alternate infinite ease-in-out;animation-delay:var(--delay)}@keyframes falling{0%{transform:translateY(0vh - var(--offsetY))}to{transform:translateY(calc(120vh + var(--offsetY)))}}@keyframes wobling{0%{transform:translate(calc(-25vh + var(--offsetX))) rotate(0)}to{transform:translate(calc(25vh + var(--offsetX))) rotate(360deg)}}