.calendar-grid{display:grid;grid-template-columns:repeat(1,1fr);justify-items:center;grid-gap:15px;padding:15px}@media screen and (min-width:451px){.calendar-grid{grid-template-columns:repeat(2,1fr);justify-items:center}}@media screen and (min-width:821px){.calendar-grid{grid-template-columns:repeat(3,1fr);justify-items:center}}@media screen and (min-width:1181px){.calendar-grid{grid-template-columns:repeat(4,1fr);justify-items:center}}.door-container{cursor:none}.rectangle-door{position:relative;height:180px;width:350px}.square-door{position:relative;height:256px;width:256px}.door-active{cursor:pointer}.door-inactive{opacity:.5}@media screen and (min-width:451px){.rectangle-door{width:360px}}@media screen and (min-width:821px){.rectangle-door{width:335px}}@media screen and (min-width:1181px){.rectangle-door{width:300px}}.door-active:focus .door,.door-active:hover .door{transform:rotateY(-40deg)}.door-active:focus .door-content,.door-active:hover .door-content{backface-visibility:visible}.door{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:4.5rem;font-weight:800;box-shadow:3px 3px 6px rgba(0,0,0,.1);text-shadow:4px 4px #000;color:#fff}.door,.door-content{height:100%;position:absolute;width:100%;backface-visibility:hidden;border-radius:4px;transition:transform .5s ease;transform-origin:left}.door-content{background-size:cover;z-index:-1}.door-open{z-index:unset}.door-content:focus,.door-content:hover{transform:scale(1.025)}