.content{justify-content:center}.resume{flex:auto;display:grid;align-content:stretch;column-gap:4rem;grid-template-columns:1fr;grid-template-areas:"photo" "name" "about" "work" "education" "skills" "community"}@media(min-width:900px){.resume{grid-template-columns:2fr 1fr;grid-template-areas:"name photo" "about about" "work work" "education education" "skills skills" "community community"}}@media(min-width:1200px){.resume{max-width:1200px;grid-template-columns:2fr 1fr;grid-template-areas:"name photo" "work about" "work education" "community skills"}}h2{color:#4e9a06}.name{grid-area:name;align-self:center}.name h1{margin-bottom:1rem}.name h2{margin-top:0;font-style:italic}.photo{grid-area:photo;justify-self:center;align-self:center}.about{grid-area:about}.work{grid-area:work}.education{grid-area:education}.community{grid-area:community}.skills{grid-area:skills}.skills ul{padding-left:1rem}.avatar{width:15rem}.exp-list{display:flex;flex-direction:column;gap:2em}.exp-list .exp-list-item{display:flex;flex-direction:column;flex:auto}.exp-list .exp-list-item .exp-header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex:auto}.exp-list .exp-list-item .exp-header .title{flex:2 1 auto;margin:0}.exp-list .exp-list-item .exp-header .dates{flex:initial}.exp-list .exp-list-item .place{font-style:italic}@media print{header,nav,footer{display:none;visibility:hidden}body{margin:1.6cm;font-size:.8em}.avatar img{width:4cm}.resume{grid-template-columns:2fr 1fr;grid-template-areas:"name photo" "work about" "work education" "community skills"}}@page{padding:0;margin:0;size:A4 portrait}