@keyframes index_div{0%{left:0;background:rgba(0,0,0,0);box-shadow:0 15px 25px rgba(0,0,0,0)}50%{left:35%}100%{left:50%;background:rgba(0,0,0,.8);box-shadow:0 15px 25px rgba(0,0,0,.5)}}.index_div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;padding:40px;background:rgba(0,0,0,.8);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.5);text-align:center;border-radius:10px;color:white;z-index:10;animation:index_div 2s 1}.title1{margin-bottom:12px}.start{text-decoration:none;width:50%;text-align:center;font-size:18px;display:inline-block;color:white;background:rgba(84,84,84,0.3);border-radius:5px;padding:8px 22px;letter-spacing:6px;text-indent:6px}@keyframes music{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.music{position:absolute;top:5%;left:93%;color:white;text-decoration:none;animation:music 2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.music:active{color:red}@keyframes index_background{0%{background:#fff}100%{background:#000}}#index_background{position:absolute;top:0;left:0;width:100%;height:100%;animation:index_background 1s 1;animation-play-state:paused;z-index:5}@media screen and (max-width:768px){.index_div{width:90%;padding:40px 16px}.title1{font-size:20px}.start{font-size:16px}}