*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;outline:none;background:radial-gradient(circle at center,#146E7D,rgb(39,20,3))}header{width:100%;height:250px;position:relative}.hidden{visibility:hidden}.visible{visibility:visible}.progress-bar{position:absolute;top:100px;left:50%;transform:translate(-50%);margin:0 auto;z-index:100;border:#ccc solid 1px;width:400px;height:40px;line-height:40px;vertical-align:midle;overflow:hidden;font-family:arial,sans-serif;font-weight:700;font-size:30px;box-shadow:0 4px 10px -5px #00000040}.progress-bar .bar{position:absolute;top:0;height:100%;overflow:hidden}.progress-bar .bar span{position:absolute;display:block;width:400px;height:100%;text-align:center}.progress-bar .bar.positive{background:#fff;left:0;width:0%;-webkit-animation:animate-positive 4s;animation:animate-positive 4s}.progress-bar .bar.positive span{left:0;color:#333}.progress-bar .bar.negative{background:#146E7D;right:0;width:100%}.progress-bar .bar.negative span{right:0;color:#fff}