.resume{display:grid;grid-template-columns:auto;grid-template-areas:"experience" "skills" "academics"}.resume .subsection{display:grid;grid-template-areas:"title" "dates" "rcontent";grid-template-columns:1fr;grid-template-rows:1fr 1fr fit-content}.resume .skills{display:flex;flex-wrap:wrap;justify-content:space-between}.resume .skills .subsection{display:flex;flex-direction:column;width:min-content;flex-grow:1}.resume .dates{grid-area:dates;color:#a7adba;font-size:14px;justify-self:end;text-align:end;text-wrap:balance}.resume .rcontent{grid-area:rcontent}.resume .section .title{font-size:30px}.resume .subsection .title{grid-area:title;font-size:16px}.section .title,.subsection .title{font-weight:bold;text-wrap:balance}.resume .subsection{border-width:2px 0px 0px 0px;border-style:dashed;border-color:#a7adba;padding:1ex 1em 0px 1em;background-color:#20333e}.resume h2{font-size:14px}.resume .section ul{padding-left:1.5em}.resume ul>li{padding-bottom:.3ex;padding-left:.3em}.resume aside>p{text-align:end}.resume aside>p ::after{content:"->"}@media (min-width: 30rem){.resume .subsection{display:grid;grid-template-areas:"title   dates" "rcontent rcontent";grid-template-columns:2fr minmax(min-content, 1fr);grid-template-rows:auto}}@media (min-width: 35rem){.resume .rcontent ul li{padding-block:.5ex;margin-right:2.5em;text-align:justify}}