.icon{background-repeat:no-repeat;background-size:cover;width:100%;height:0;padding:0 0 100%;display:inline-block}.icon.twitter{background-image:url(../media/twitter.8d93738c.svg)}.icon.email{background-image:url(../media/email.e3f1665a.svg)}.icon.phone{background-image:url(../media/phone_android-24px.6887eb0f.svg)}.icon.location{background-image:url(../media/location_on-24px.4e95b547.svg)}.icon.linkedin{background-image:url(../media/linkedin-2.4a6f158b.svg)}.icon.git{background-image:url(../media/github.19011346.svg)}.icon.credly{background:#000 url(../media/credly.42980a2c.png) 50%/80% no-repeat;border-radius:50%}.metadata__value{margin-left:8px;display:block}.value__link,.value__link:link,.value__link:visited{color:#000;text-decoration:none}.resume__card-title{text-transform:uppercase;color:#fff;background-color:#373737;border-radius:4px;padding:8px;font-weight:600}.technology{color:#000;background-color:#000;border-radius:8px;padding:4px 8px;display:inline-block}.technology.environment{background-color:#0ff}.technology.database{background-color:#90ee90}.technology.programming{background-color:#f08080}.technology.framework{background-color:#87cefa}@media (min-width:400px){.content-wrapper{flex-direction:column;display:flex}.container{width:100%;padding:8px 16px}.resume__main{flex:1 1 0;order:2;margin-right:0}.resume__aside{flex:1 1 0;order:1}.resume__stats{flex-direction:column;align-items:flex-start;display:flex}.resume__stat{align-items:center;display:flex}.technology-wrapper{justify-content:flex-start}.technology{margin:0 8px 8px 0}}@media (min-width:800px){.container{width:100%;max-width:800px;margin:0 auto}.content-wrapper{flex-direction:row;display:flex}.technology-wrapper{justify-content:space-between}.technology{margin:0 0 8px}.resume__main{flex:3 1 0;order:1;margin-right:32px}.resume__aside{flex:1 1 0;order:2}.resume__stats{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.resume__stat{align-items:center;display:flex}}@media print{nav,.nav{display:none!important}.technology{color:#000!important;padding:2px!important}.icon,.icon-wrapper,.git-wrapper,.linkedin-wrapper{display:none!important}.resume__main{flex:2 1 0}.resume__card-title{color:#000!important;padding:0!important}}