@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);.skill-block h4{font-size:16px;font-weight:600;margin-bottom:10px;font-family:'Open Sans',sans-serif}.skill-item{background:#eee;display:flex;height:8px;font-size:12px;border-radius:.25rem;margin-bottom:13px}.skill-percentage{background:#7109a9;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:right;padding:0 8px;position:relative;border-radius:.25rem;transition:.3s linear 0s}.skill-percentage span{background:#7109a9;position:absolute;right:-20px;font-size:12px;top:-36px;border-radius:0;padding:0 9px;font-family:'Open Sans',sans-serif;display:flex;align-items:center;justify-content:center}.skill-percentage span:before{content:"";position:absolute;width:8px;height:8px;background:#7333aa;bottom:-4px;transform:rotate(45deg)}.skill-percentage span label{margin-left:2px;font-size:13px}.skill-percentage{width:0;-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-ms-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}