@keyframes A-anima{0%{transform:rotate(75deg)}50%{transform:rotate(-70deg)}}@keyframes B-anima{0%{transform:rotate(10deg)}50%{transform:rotate(120deg)}80%{transform:rotate(20deg)}}@keyframes C-anima{0%{transform:rotate(10deg)}50%{transform:rotate(90deg)}80%{transform:rotate(10deg)}}@keyframes spider-anima{0%{top:-100px}50%{top:calc(50vh + 50px)}to{top:calc(50vh + 50px)}}@keyframes spider-climb-back{0%{top:-100px}25%{top:calc(50vh + 50px)}75%{top:calc(50vh + 50px)}to{top:-100px}}@keyframes spider-web-anima{0%{height:0;top:-100px}50%{height:calc(50vh + 50px);top:0}to{height:calc(50vh + 50px);top:0}}@keyframes spider-web-climb-back{0%{height:0;top:-100px}25%{height:calc(50vh + 50px);top:0}75%{height:calc(50vh + 50px);top:0}to{height:0;top:-100px}}.spider-web{animation:spider-web-anima 8s ease-out;animation-fill-mode:forwards;background-color:#666;border-radius:4px;height:0;transform:translateX(-50%);width:1px;z-index:50}.halloween-container,.spider-web{left:50%;position:absolute;pointer-events:none}.halloween-container{animation:spider-anima 8s ease-out;animation-fill-mode:forwards;top:50%;transform:translate(-50%,-50%);z-index:51}.halloween-container.spider-climb-back{animation:spider-climb-back 16s ease-in-out;animation-fill-mode:forwards}.spider-web.spider-web-climb-back{animation:spider-web-climb-back 16s ease-in-out;animation-fill-mode:forwards}.halloween-container .eye{background-color:#ff0000;height:3px;position:absolute;top:50%;transform:translateY(-50%);width:3px;border-radius:50%;box-shadow:0 0 5px #ff0000}.halloween-container .eye-left{left:6px}.halloween-container .eye-right{right:6px}.right{transform:rotateY(180deg)}.arm-container .arm{background-color:#000;border-radius:4px;height:4px;position:absolute;transform-origin:center left;width:30px}.arm-container .A{animation:A-anima 3s ease-in-out infinite;transform:rotate(75deg)}.arm-container .A:nth-child(2){animation-delay:-.2s}.arm-container .A:nth-child(3){animation-delay:-.5s}.arm-container .A:nth-child(4){animation-delay:-.4s}.arm-container .B{animation:B-anima 3s ease-in-out infinite}.arm-container .B,.arm-container .C{left:calc(100% - 2px);transform:rotate(10deg)}.arm-container .C{animation:C-anima 3s ease-in-out infinite}.spider-body,.spider-body:before{background-color:#000;border-radius:50%;position:absolute}.spider-body{height:20px;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;box-shadow:0 2px 8px rgba(0,0,0,.5)}.spider-body:before{content:"";height:15px;left:2.5px;top:-5px;width:15px;z-index:-1}.dark .spider-web{background-color:#666}.dark .arm-container .arm,.dark .spider-body,.dark .spider-body:before{background-color:#4b5563}