#overlay,#timer{position:absolute;z-index:10}body{text-align:center}#board{width:1000px;height:1000px;border:2px solid transparent;margin:0 auto;display:flex;flex-wrap:wrap;position:relative;transition:opacity 1s ease-in-out,transform 1s ease-in-out}#board img{width:245px;height:245px;border:.2px solid #f3f1ff}.turns{display:none}.fixed{opacity:.7;cursor:none}.draggable{cursor:pointer}#overlay{top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}#hand-icon{width:200px;height:200px;animation:1.5s infinite sway}@keyframes sway{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}#overlay h2{margin-top:20px;color:#0e1318;font-family:Pacifico,cursive;font-size:66px}#board.complete{opacity:0;transform:scale(.9)}#board.show-complete{opacity:1;transform:scale(1)}#timer{top:-10px;right:1px;font-size:24px;color:#fff;padding:10px;transition:transform .5s ease-in-out,font-size .5s ease-in-out}.timer-small{transform:scale(.75);font-size:36px}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}#board img.complete{animation:2s ease-in-out fadeInOut;cursor:pointer}