#svg-base,#svg-base #svg-base-bg{max-width:700px;max-height:700px}body{background:#fafafa;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#333}.hero-unit{margin:50px auto 0;width:300px;font-size:18px;font-weight:200;line-height:30px;background-color:#eee;border-radius:6px;padding:60px}.hero-unit h1{font-size:60px;line-height:1;letter-spacing:-1px}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}@-webkit-keyframes rot{from{-webkit-transform:rotate(0) translate(-220%) rotate(0);transform:rotate(0) translate(-220%) rotate(0)}to{-webkit-transform:rotate(360deg) translate(-220%) rotate(-360deg);transform:rotate(360deg) translate(-220%) rotate(-360deg)}}@keyframes rot{from{-webkit-transform:rotate(0) translate(-220%) rotate(0);transform:rotate(0) translate(-220%) rotate(0)}to{-webkit-transform:rotate(360deg) translate(-220%) rotate(-360deg);transform:rotate(360deg) translate(-220%) rotate(-360deg)}}#svg-base-wrapper{text-align:center;width:100%}#svg-base{position:relative;margin:0 auto;width:100%}#svg-base #svg-base-bg{z-index:-1;width:100%}#svg-base .svg-el{position:absolute;left:40%;top:40%;width:19%;background-size:100%;background-repeat:no-repeat}#svg-base .svg-a{-webkit-animation-delay:-2s;animation-delay:-2s}#svg-base .svg-b{-webkit-animation-delay:-4s;animation-delay:-4s}#svg-base .svg-c{-webkit-animation-delay:-6s;animation-delay:-6s}#svg-base .svg-d{-webkit-animation-delay:-8s;animation-delay:-8s}#svg-base .svg-e{-webkit-animation-delay:-10s;animation-delay:-10s}#svg-base .svg-f{-webkit-animation-delay:-12s;animation-delay:-12s}#svg-base .svg-g{-webkit-animation-delay:-14s;animation-delay:-14s}#svg-base .svg-h{-webkit-animation-delay:-16s;animation-delay:-16s}#svg-base .svg-i{-webkit-animation-delay:-18s;animation-delay:-18s}#svg-base .svg-j{-webkit-animation-delay:-20s;animation-delay:-20s}#svg-base .svg-k{-webkit-animation-delay:-22s;animation-delay:-22s}#svg-base .svg-l{-webkit-animation-delay:-24s;animation-delay:-24s}