body{display:grid;height:100vh;align-items:center;justify-items:center;place-items:center center}#content{max-width:720px}#personal-photo{justify-self:center}#personal-photo img{max-width:100%;border:1px solid #383a42}#personal-social ul li{display:inline;font-family:Noto Sans,sans-serif}#personal-social li+li:before{content:"| "}@media (min-width:721px){#content{grid-template-columns:3fr 7fr;grid-column-gap:2em}#personal-photo{grid-row:span 2;align-self:center;justify-self:end}#personal-content{align-self:end}#personal-social{align-self:start;text-align:right}}@media (max-width:720px){#personal-photo{max-width:60%}#personal-photo,#personal-social,h1{text-align:center}}