html{font-family:"Open Sans Condensed"}body{display:flex;min-height:100vh;flex-direction:column;color:#343434}main{flex:1 0 auto}.progress{height:10px;width:80%;background-color:#e1f5fe}.progress .determinate{background-color:#01579b}.footer-copyright{padding:10px 0;color:#ffffff}.align-justify{text-align:justify}.donut{position:relative;float:left}.donut h5{text-align:center;position:absolute;line-height:130px;width:100%}svg{transform:rotate(-90deg)}.circle_animation{stroke-dasharray:440;stroke-dashoffset:440}.master .circle_animation{-webkit-animation:expert 1s ease-out forwards;animation:master 1s ease-out forwards}.expert .circle_animation{-webkit-animation:expert 1s ease-out forwards;animation:expert 1s ease-out forwards}.proficient .circle_animation{-webkit-animation:proficient 1s ease-out forwards;animation:proficient 1s ease-out forwards}@keyframes master{to{stroke-dashoffset:0}}@-webkit-keyframes master{to{stroke-dashoffset:0}}@keyframes expert{to{stroke-dashoffset:18}}@-webkit-keyframes expert{to{stroke-dashoffset:18}}@keyframes proficient{to{stroke-dashoffset:54}}@-webkit-keyframes proficient{to{stroke-dashoffset:54}}