#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:90px 30px 30px}.head{position:fixed;top:0;left:0;width:calc(100% - 30px);height:45px;background:#fff;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-bottom:1px solid #f0f0f0;z-index:10;padding:15px}.time{text-align:right;font-weight:700;font-size:20px;margin-bottom:15px}.title{font-weight:600;font-size:30px;text-align:left;-webkit-animation:colorChange 5s ease-in-out infinite;animation:colorChange 5s ease-in-out infinite}.chart-title{font-size:18px;color:#1e1e1e;margin-bottom:10px;font-weight:500}@-webkit-keyframes colorChange{0%{color:#dc9439}25%{color:#41bdbd}55%{color:#536bc5}75%{color:#e05757}to{color:#dc9439}}@keyframes colorChange{0%{color:#dc9439}25%{color:#41bdbd}55%{color:#536bc5}75%{color:#e05757}to{color:#dc9439}}.footer{text-align:center}.footer a{text-decoration:none;color:#1e1e1e;display:inline-block;margin:0 5px}.footer a img,.footer a span{vertical-align:middle}.footer a img{margin-right:3px}.footer a:hover{color:#22c16e}