@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";.advent-grid{display:grid;grid-template-columns:repeat(5, 100px [col-start]);grid-template-rows:repeat(12, 100px [row-start]);justify-content:center;align-content:center}.advent-item{position:relative;font-family:"Abril Fatface",sans-serif;font-size:46px;cursor:pointer;margin:0;padding:0;border:0;background:rgba(0,0,0,0)}.advent-item::before{content:"";position:absolute;inset:0;box-shadow:inset -2px -2px 2px 2px rgba(0,0,0,.2);background-color:#fad249}.advent-door{z-index:2;transition:transform .5s ease-in-out;position:absolute;top:-1px;bottom:0;left:-1px;right:0;background-color:#fcf4d1;border:1px dashed #333;color:#333;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;transform-origin:bottom left}.advent-shadow{position:absolute;z-index:1;top:0;bottom:0;left:0;right:16px;border-radius:600px 0 0 0;transition:transform .2s linear,opacity .2s ease-in .2s;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 100%);box-shadow:2px 2px 2px rgba(0,0,0,.4);backface-visibility:hidden;transform:translateZ(0) rotate(0) translateX(0) translateY(0) skewX(0) skewY(0) scaleY(0.9);transform-origin:bottom left;opacity:0}.advent-item--moss .advent-door{background-color:#cdb}.advent-item--sky .advent-door{background-color:#c7d8db}.advent-item--sun .advent-door{background-color:#f8e9a0}.advent-item--rose .advent-door{background-color:#f7d9c5}.advent-item--lg{font-size:88px}.advent--1{grid-area:7/1/span 2/span 2}.advent--2{grid-area:4/4/span 2/span 2}.advent--3{grid-area:8/4/span 2/span 2}.advent--4{grid-area:11/1/span 2/span 2}.advent--5{grid-area:2/3/span 2/span 1}.advent--6{grid-area:2/4/span 2/span 2}.advent--7{grid-area:4/1/span 1/span 1}.advent--8{grid-area:9/1/span 1/span 2}.advent--9{grid-area:1/3/span 1/span 2}.advent--10{grid-area:12/4/span 1/span 2}.advent--11{grid-area:8/3/span 2/span 1}.advent--12{grid-area:6/4/span 1/span 2}.advent--13{grid-area:1/1/span 2/span 2}.advent--14{grid-area:10/2/span 1/span 2}.advent--15{grid-area:7/5/span 1/span 1}.advent--16{grid-area:4/2/span 1/span 2}.advent--17{grid-area:5/3/span 2/span 1}.advent--18{grid-area:1/5/span 1/span 1}.advent--19{grid-area:10/1/span 1/span 1}.advent--20{grid-area:7/3/span 1/span 2}.advent--21{grid-area:10/4/span 2/span 2}.advent--22{grid-area:3/1/span 1/span 2}.advent--23{grid-area:11/3/span 2/span 1}.advent--24{grid-area:5/1/span 2/span 2}@media(min-width: 1000px){.advent-grid{grid-template-columns:repeat(10, 100px [col-start]);grid-template-rows:repeat(6, 100px [row-start])}.advent--1{grid-area:1/6/span 2/span 2}.advent--2{grid-area:4/4/span 2/span 2}.advent--3{grid-area:2/9/span 2/span 2}.advent--4{grid-area:5/6/span 2/span 2}.advent--5{grid-area:2/3/span 2/span 1}.advent--6{grid-area:2/4/span 2/span 2}.advent--7{grid-area:4/1/span 1/span 1}.advent--8{grid-area:3/6/span 1/span 2}.advent--9{grid-area:1/3/span 1/span 2}.advent--10{grid-area:6/9/span 1/span 2}.advent--11{grid-area:2/8/span 2/span 1}.advent--12{grid-area:6/4/span 1/span 2}.advent--13{grid-area:1/1/span 2/span 2}.advent--14{grid-area:4/7/span 1/span 2}.advent--15{grid-area:1/10/span 1/span 1}.advent--16{grid-area:4/2/span 1/span 2}.advent--17{grid-area:5/3/span 2/span 1}.advent--18{grid-area:1/5/span 1/span 1}.advent--19{grid-area:4/6/span 1/span 1}.advent--20{grid-area:1/8/span 1/span 2}.advent--21{grid-area:4/9/span 2/span 2}.advent--22{grid-area:3/1/span 1/span 2}.advent--23{grid-area:5/8/span 2/span 1}.advent--24{grid-area:5/1/span 2/span 2}}/*# sourceMappingURL=style.css.map */