.about .about-header-p{color:var(--color-secondary);max-width:17.5rem;font-size:1rem}.about .img-bg{background-color:var(--border-color);margin-left:0;margin-right:auto;width:80%;left:0;top:3.75rem;bottom:-3.75rem}.about .portrait-img{margin-left:4rem;margin-right:0;width:80%;box-shadow:-7px 14px 32px rgba(0,0,0,.25),-10px 10px 20px rgba(0,0,0,.22)}.about .dash-list{color:var(--color-secondary);padding:0;margin:0;font-family:Roboto Mono,monospace;font-size:.875rem;flex:1 1 50%}.about .dash-list-item{margin-bottom:1rem;position:relative;padding-left:1.875rem}.about .dash-list-dash{background-color:var(--color-primary);position:absolute;height:2px;width:1.25rem;left:0;top:.625rem}.about .skill-bar-title{margin-bottom:.5rem;display:flex;justify-content:space-between}.about .skill-bar-bg{background-color:#1d263d;width:100%;height:.4375rem;border-radius:.4375rem;overflow:hidden;margin-bottom:1rem;transition:background-color .2s ease-in-out}.about .skill-bar-amount{background-color:var(--color-primary);height:100%;border-radius:.4375rem}.about .bar-90{width:90%}.about .bar-80{width:80%}.about .bar-95{width:95%}@media(min-width:768px){.about .about-me-content{flex:1 1 50%}.about .about-me-img{flex:1 1 45%;margin-right:5%}}