article{width:100%;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;max-height:calc(100vh - 80px);background-color:#fff;overflow:scroll}article .content{padding:25px}article .content h2{color:#11224f;font-size:32px;font-weight:900;margin-bottom:10px}article .content h3{color:#676767;font-size:22px;font-weight:300;margin-bottom:30px}article .content p{color:#313131;font-size:18px;line-height:1.5;font-weight:300;margin-bottom:15px}.progress-bar{width:100vw;height:20px;background:#eee;position:relative}.progress-inner{height:100%;background-image:-webkit-gradient(linear,left top,right top,from(#2484e4),to(#44c444));background-image:linear-gradient(90deg,#2484e4,#44c444);border-radius:0 10px 10px 0}.progress-inner.complete{border-radius:0}.progress-inner span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#313131;font-size:14px}.progress-inner span.white{color:#fff}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-family:montseratt,sans-serif}main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;overflow:hidden}header,main{display:-webkit-box;display:-ms-flexbox;display:flex}header{background-color:#313131;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header h1{color:#fff;font-size:28px;text-align:center}