#puzzle-board>div{position:absolute;width:100px;height:100px;transition:all .5s .3s ease-out}#puzzle-board>div img{width:100%;height:auto;border:1px solid rgba(108,79,52,.3)}#puzzle-board{position:relative}.puzzle-win-container{position:absolute;left:0;top:-100%;width:100%!important;height:100%!important;overflow:hidden;z-index:9;opacity:0;transition:opacity .5s ease,left 0s .5s ease!important;color:#ffdf50}.puzzle-win-container.active{transition:opacity 0s ease,left 0s ease!important;top:0;opacity:1}.puzzle-win-container:before{content:'';position:absolute;left:-10%;top:-20%;width:0;height:0;border-radius:50%;background-color:#4e3721;transition:all 1s .3s ease;z-index:-1}.puzzle-win-container.active:before{left:-50%;top:-30%;width:200%;height:150%}.puzzle-win-container h2{text-align:center;margin:32px 0 48px;position:relative;transform:scale(.2);opacity:0;transition:all .5s 1s ease}.puzzle-win-container.active h2{opacity:1;transform:scale(1)}.puzzle-win-container span{margin:8px 0;font-weight:100;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding:8px 0;color:#fffde7}.puzzle-win-container .row:first-of-type .col{position:relative;left:-48px;opacity:0;transition:all 1s 1.5s ease}.puzzle-win-container .row:first-of-type .col:last-of-type{left:48px;transition-delay:1.8s}.puzzle-win-container.active .row:first-of-type .col{opacity:1;left:0}.puzzle-win-container .row:last-of-type .col,.puzzle-win-container button{position:relative;transform:scale(.3);opacity:0;transition:all 1s 2s ease}.puzzle-win-container .row:last-of-type .col:last-of-type{transition-delay:2.3s}.puzzle-win-container.active .row:last-of-type .col,.puzzle-win-container.active button{opacity:1;transform:scale(1)}.puzzle-win-container .row:last-of-type span{padding:8px 16px;border-radius:24px;background-color:#fffde7;color:#6c4f34}.puzzle-win-container h3{padding:18px 0;position:relative;bottom:48px;opacity:0;transition:all 1s 2.5s ease}.puzzle-win-container.active h3{opacity:1;bottom:0}.puzzle-win-container button{transition-delay:3s}