@import"https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&display=swap";.advent-container{max-width:900px;margin:0 auto;text-align:center;padding:20px}.advent-title{font-size:3.5rem;color:#d12c2c;margin-bottom:10px;font-family:Mountains of Christmas,cursive}.advent-description{font-size:1.2rem;color:#333;margin-bottom:30px;font-family:Arial,sans-serif}.advent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;max-width:900px;margin:0 auto}.advent-box{width:100%;padding-top:100%;position:relative;perspective:1000px;cursor:pointer;border-radius:10px;transition:transform .3s,box-shadow .3s}.advent-box:hover .box-front{box-shadow:0 0 20px 5px #ffdf00b3,0 4px 6px #0003}.box-inner{position:absolute;top:0;left:0;right:0;bottom:0;transition:transform .8s;transform-style:preserve-3d}.advent-box.flipped .box-inner{transform:rotateY(180deg)}.box-front,.box-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.box-front{background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 4px 6px #0003;font-family:Mountains of Christmas,cursive}.advent-box:nth-child(2n) .box-front{background:linear-gradient(135deg,#4e342e,#6d1b1b)}.advent-box:nth-child(3n) .box-front{background:linear-gradient(135deg,#1b5e20,#2e7d32)}.advent-box:nth-child(4n) .box-front{background:linear-gradient(135deg,#d4af37,#f0c75e)}.box-back{background:linear-gradient(135deg,#264653,#2a9d8f);transform:rotateY(180deg);font-size:.9rem;padding:5px;text-align:center;border-radius:10px;font-family:Arial,sans-serif}.day-number{font-size:2rem;font-weight:700;font-family:Mountains of Christmas,cursive}.back-text{font-size:1rem;color:#fff;padding:5px}.snowflake{position:fixed;top:-10px;color:#fff;font-size:1rem;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(100vh) rotate(0)}}@media screen and (max-width: 768px){.advent-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 480px){.advent-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/advent-calendar.css.map */