.pf-about{background:var(--white);padding:30px 0 50px}.pf-about .btn-portfolio{margin:30px 0}.pf-about .about-wrapper{display:block}.pf-about .skills-wrapper{background:var(--white);border:4px solid var(--pf-base-bg);border-radius:var(--br-med);padding:30px;position:static}.pf-about .skills-card h4{margin:0 0 25px}.pf-about .skills-list{display:-ms-grid;display:grid;gap:18px;list-style:none;margin:0;padding:0}.pf-about .skills-list li{display:-ms-grid;display:grid;gap:10px;padding:0}.pf-about .skill-name.sub{font-size:14px;margin-bottom:0;padding-bottom:0}.pf-about .skill-bar{background:rgba(0,0,0,.08);border-radius:999px;display:block;height:8px;overflow:hidden;width:100%}.pf-about .skill-level{-webkit-animation:fillBar .9s ease forwards;animation:fillBar .9s ease forwards;background:var(--primary);border-radius:999px;display:block;height:100%;width:0}@-webkit-keyframes fillBar{to{width:var(--target)}}@keyframes fillBar{to{width:var(--target)}}.pf-about .level-co,.pf-about .level-ux,.pf-about .level-web{--target:100%}.pf-about .level-frontend{--target:90}.pf-about .level-branding,.pf-about .level-seo{--target:90%}.pf-about .level-accessibility{--target:80%}.pf-about .skills-list li:first-child .skill-level{-webkit-animation-delay:0s;animation-delay:0s}.pf-about .skills-list li:nth-child(2) .skill-level{-webkit-animation-delay:.15s;animation-delay:.15s}.pf-about .skills-list li:nth-child(3) .skill-level{-webkit-animation-delay:.3s;animation-delay:.3s}.pf-about .skills-list li:nth-child(4) .skill-level{-webkit-animation-delay:.45s;animation-delay:.45s}.pf-about .skills-list li:nth-child(5) .skill-level{-webkit-animation-delay:.6s;animation-delay:.6s}.pf-about .skills-list li:nth-child(6) .skill-level{-webkit-animation-delay:.75s;animation-delay:.75s}.pf-about .skills-list li:nth-child(7) .skill-level{-webkit-animation-delay:.9s;animation-delay:.9s}.pf-about .interests-wrapper{margin-top:24px}.pf-about .interests-wrapper h4{margin:0 0 14px}.pf-about .interests-grid{display:-ms-grid;display:grid;gap:14px;list-style:none;margin:0;padding:0;-ms-grid-columns:1fr;grid-template-columns:1fr}.pf-about .interest-card{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:0}.pf-about .interest-icon{display:-ms-grid;display:grid;font-size:18px;height:80px;line-height:1;place-items:center;width:80px}.pf-about .interest-title{display:block;font-weight:700;line-height:1.2}.pf-about .interest-desc{display:block;font-size:.95rem;line-height:1.35;margin-top:6px;opacity:.85}@media only screen and (min-width:768px){.pf-about{padding:60px 0}.pf-about .about-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 50px .6fr;gap:50px;grid-template-columns:1fr .6fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.pf-about .skills-wrapper{padding:40px}.pf-about .interest-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:15px}.pf-about .interests-grid{-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr))}}