#start{position:fixed;z-index:1;width:100%;height:100%;background:url("./img/logo.png") 9% 4%/21% no-repeat,url("./img/h.jpeg") center/cover no-repeat #56eda8}#startBtn{width:45%;height:0;padding-bottom:45%;position:absolute;left:0;right:0;bottom:30%;margin:auto;transform-style:preserve-3d;background-image:url(./img/play.png);background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}#startBtn::before{content:'';display:block;width:136%;height:0;padding-bottom:136%;margin:-22% 0 0 -23%;background-image:url(./img/start_bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;transform:translateZ(-1px);-webkit-animation:rotate-center 5s linear infinite both;animation:rotate-center 5s linear infinite both}#startLoading{width:35%;transform:scale(1.7);position:absolute;left:0;right:0;bottom:33%;margin:auto;display:none}@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@media only screen and (min-width:550px){#startBtn{width:27%;padding-bottom:27%}#startLoading{width:21%;bottom:37%}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0) translateZ(-1px);transform:rotate(0) translateZ(-1px)}100%{-webkit-transform:rotate(360deg) translateZ(-1px);transform:rotate(360deg) translateZ(-1px)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0) translateZ(-1px);transform:rotate(0) translateZ(-1px)}100%{-webkit-transform:rotate(360deg) translateZ(-1px);transform:rotate(360deg) translateZ(-1px)}}