html,body,.scene{margin:0;height:100%;background-image:linear-gradient(to bottom, lightskyblue 70%, lightgray 70%, lightgray 71%, grey 71%);overflow:hidden}.slash-container{width:100%;height:100%;position:absolute;-webkit-perspective:100px;perspective:100px}#slash{width:400px;bottom:10%;left:50%;-webkit-transform:translate3d(-50%, 0, -10px);transform:translate3d(-50%, 0, -10px);position:absolute}.dust-container{width:70%;height:100%;bottom:calc(10% + 30px);left:calc(50% + 40px);-webkit-transform:translateZ(-10px);transform:translateZ(-10px);position:absolute;overflow:hidden}.dust{width:50px;height:50px;border-radius:50%;left:0;bottom:-10px;position:absolute;background-color:lightgrey;-webkit-transform:scale(1);transform:scale(1)}.shock{width:400px;height:400px;bottom:15%;left:53%;position:absolute;border:3px solid #feffde;border-radius:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:0;-webkit-filter:url(#wave);filter:url(#wave)}.thunder{width:100%;height:15px;padding:50px;position:absolute;-webkit-filter:url(#turbulence);filter:url(#turbulence);overflow:hidden}.thunder .bg{width:100%;height:100%;background-color:#8ff4ff;-webkit-transform:translateX(-110%);transform:translateX(-110%)}.thunder.one:nth-child(1){top:65%;left:40%;-webkit-transform:rotateZ(-135deg);transform:rotateZ(-135deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.one:nth-child(2){top:50%;left:55%;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.one:nth-child(3){top:80%;left:55%;-webkit-transform:rotateZ(145deg);transform:rotateZ(145deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.one:nth-child(4){top:70%;left:60%;-webkit-transform:rotateZ(35deg);transform:rotateZ(35deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.two:nth-child(1){top:50%;left:45%;-webkit-transform:rotateZ(-120deg);transform:rotateZ(-120deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.two:nth-child(2){top:60%;left:55%;-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.two:nth-child(3){top:75%;left:60%;-webkit-transform:rotateZ(80deg);transform:rotateZ(80deg);-webkit-transform-origin:top left;transform-origin:top left}.thunder.two:nth-child(4){top:75%;left:45%;-webkit-transform:rotateZ(-200deg);transform:rotateZ(-200deg);-webkit-transform-origin:top left;transform-origin:top left}.audio{position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.audio .group{display:flex;align-items:center;justify-content:center}.audio .group:not(:last-child){margin-bottom:15px}.audio .group .item{font-size:16px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:8px 8px 0 0;border:2px solid #666;box-sizing:border-box;background:#fff;box-shadow:inset 5px -8px 0 #eeebeb;height:40px;line-height:30px;padding:0 10px;margin-right:5px;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:box-shadow 0.1s}.audio .group .item:active{box-shadow:inset 3px -2px 0 #eeebeb}