.education-section .card,.work-history-section .card{background-color:#222739}.education-section .card span,.work-history-section .card span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(123.62deg,#f59c37,#fd5479)}.education-section .card p,.work-history-section .card p{line-height:2}.education-section .card .card-btn,.work-history-section .card .card-btn{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(123.62deg,#f59c37,#fd5479);border:1px solid hsla(0,0%,100%,.18);border-radius:5px;font-size:14px;padding:10px 15px}.skill-section .design-skill-section span{display:block}.skill-section .design-skill-section .progress{background:transparent;box-sizing:border-box;display:block;height:auto;width:100%}.skill-section .design-skill-section .progress [data-progress]{border-radius:5px;box-shadow:inset 0 0 1px 1px hsla(0,0%,100%,.18);height:8px;margin:5px 0 12px;overflow:hidden}.skill-section .design-skill-section [data-progress]:after{align-items:center;animation:progress 3s normal forwards;background-image:linear-gradient(123.62deg,#f59c37,#fd5479);box-sizing:border-box;color:#fff;content:"";display:flex;font-size:0;height:100%;justify-content:flex-end;padding:0 3px;width:0}.skill-section .design-skill-section [data-progress].animate-progress:after{content:attr(data-progress) "%";width:var(--animate-progress)}@keyframes progress{0%{width:0}}.skill-section .devloper-skill-section .card{background-color:transparent;border:0;box-shadow:none}.skill-section .devloper-skill-section canvas{height:80px;width:80px}.skill-section .devloper-skill-section .bar{animation:loading-1 1.8s linear forwards;height:80px;width:80px}.skill-section .devloper-skill-section .card .circle{border-radius:50%;cursor:default;height:80px;position:relative;width:80px}.skill-section .devloper-skill-section .card .circle .box,.skill-section .devloper-skill-section .card .circle .box span{left:50%;position:absolute;top:50%}.skill-section .devloper-skill-section .card .circle .box{border-radius:50%;height:100%;transform:translate(-50%,-50%) scale(.8);transition:all .2s;width:100%}.skill-section .devloper-skill-section .card .circle .box span,.skill-section .devloper-skill-section .card .text{color:#fff}.skill-section .devloper-skill-section .circle .box span{font-family:sans-serif;font-size:18px;font-weight:600;transform:translate(-45%,-45%);transition:all .1s}.skill-section .devloper-skill-section .card .circle:hover .box span{transform:translate(-45%,-45%) scale(1.09)}