.dl-skill-items{display:grid;grid-template-columns:1fr;grid-row-gap:15px}.text-outside .dl-skill-items{grid-row-gap:45px;margin-top:35px}.dl-skill{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:15px;background-color:#eee;font-size:.75rem}.dl-skill--inside .dl-skill-info,.dl-skill--outside .dl-skill-info{text-align:left;font-size:14px}.dl-skill--inside .dl-skill-info>span:first-child(){z-index:1}.dl-skill--inside .dl-skill-level-text,.dl-skill--outside .dl-skill-level-text{float:right}.dl-skill--outside .dl-skill-level-text{background-color:#5333f2;color:#fff;width:40px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:2px;clip-path:polygon(0 0,100% 0,100% 75%,75% 75%,75% 100%,50% 75%,0 75%);margin-top:-5px;margin-right:-10px;padding-bottom:5px}.dl-skill--outside>div{height:2px}.dl-skill--outside .dl-skill-level{position:relative}.dl-skill--outside .dl-skill-info{position:absolute;top:-30px;width:100%;color:#111}.dl-skill--inside>div{height:30px}.dl-skill--inside{padding:15px}.dl-skill--inside .dl-skill-info{padding-right:1rem;padding-left:1rem;color:#fff}.dl-skill-level{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:10%;border-radius:inherit;background-color:#6ec1e4;color:#fff;text-align:center;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}