.doorsback{background:#7e909c url(../img/advent_back.webp) top left no-repeat,url(../img/stars.webp) top left repeat-y;background-size:100% auto}.doorsholder{background:url(../img/advent_br.webp) bottom right no-repeat;padding-bottom:44%;background-size:100% auto,100% auto}.doors{display:flex;flex-wrap:wrap;justify-content:left;position:relative}.doorframe{padding:15px;display:inline-block;user-select:none}.doorsection{position:relative}.doorsection .room{background:#eee;background-position:center;background-size:80% auto;background-repeat:no-repeat;left:0;top:0;position:absolute;z-index:0;right:0;bottom:0;user-select:none;cursor:pointer}.doorsection .room.closed{background-image:none!important}.doorsection .room:before{content:" ";background:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.doorsection .room:hover{text-decoration:none}.doorsection .door{background-color:#7e909c;background-repeat:no-repeat;border:#fff 1px solid;position:relative;z-index:3;transform-origin:0 50%;transform-style:preserve-3d;transform:perspective(300px) rotateY(0);width:100px;height:100px;transition:transform linear .3s}.doorsection .door:after{content:'';right:0;bottom:0;position:absolute;top:0;left:0;background:#eee;background:linear-gradient(90deg,#eee 0,#aaa 100%);transform:rotateY(180deg);transform-style:preserve-3d;backface-visibility:hidden;transition:transform linear .3s}.doorframe.dragging .doorsection .door,.doorframe.dragging .doorsection .door:after{transition:none}.doorsection .door .label{position:absolute;right:10px;top:10px;color:#fff;user-select:none}.open .doorsection .door{pointer-events:none}.snowholder{position:relative;margin:0 -20px -20px}#particles-js{position:absolute;width:100%;height:100%;z-index:4;pointer-events:none}.sparkle{position:absolute;width:2px;height:2px;background-color:#fff;border-radius:50%;opacity:0;animation:sparkle 6s infinite alternate;z-index:2}.copyself{padding-left:20px;color:#087398;background:url(../img/clipboard.svg) left no-repeat;cursor:pointer}.nmb.btn{margin-bottom:0}@media (min-width:600px){.doorframe,.doors{padding:30px}}@media (min-width:711px){.doorsholder{background:url(../img/advent_br.webp) bottom right no-repeat,url(../img/advent_bl.webp) bottom left no-repeat;padding-bottom:18%;background-size:50% auto,50% auto}}@media (min-width:800px){.doors{padding:65px 60px}.doorframe{padding:3.2% 4.2%}}@keyframes sparkle{0%{opacity:.4;transform:scale(.5);box-shadow:0 0 10px 5px #ffffff5e}25%{opacity:1;transform:scale(1);box-shadow:0 0 10px 5px #fff}50%{opacity:0;transform:scale(1.5);box-shadow:0 0 10px 5px #ffffff5e}}