.work section{position:relative;width:65%;margin:auto}.work section:after{position:absolute;content:"";width:35%;height:3px;bottom:0;background-color:var(--accent-purple);transform:translateX(-50%)}.work section .section-content{line-height:2}.work section .section-content p span{color:var(--accent-purple);font-weight:700}.work section .section-content .bar-graph .bar .bar__box{border:1.5px solid var(--secondary-color)}.work section .section-content .bar-graph .bar:first-child .bar__box{border-right:none;padding-bottom:8rem}.work section .section-content .bar-graph .bar:nth-child(2) .bar__box{padding-bottom:5rem}.work section .section-content .bar-graph .bar:nth-child(3) .bar__box{border-left:none;padding-bottom:12rem}.work section .section-content .bar-graph .bar:nth-child(4) .bar__box{border-left:none;padding-bottom:6rem}.work section .thanks{color:var(--accent-purple)}@media screen and (1024px >=width >=640px){.work section{width:80%}.work section .section-content .avatar{width:50%}}@media screen and (max-width:640px){.work .project-header-img{height:30svh;-o-object-fit:cover;object-fit:cover}.work section{width:90%}.work section:after{height:2px}.work section .section-content{line-height:1.5}.work section .section-content .avatar{width:50%}.work section .section-content .bar-graph .bar:first-child .bar__box{padding-bottom:3rem}.work section .section-content .bar-graph .bar:nth-child(2) .bar__box{padding-bottom:1rem}.work section .section-content .bar-graph .bar:nth-child(3) .bar__box{padding-bottom:6rem}.work section .section-content .bar-graph .bar:nth-child(4) .bar__box{padding-bottom:3rem}}