html,body{margin:0;padding:0;font-size:100%;line-height:1.6}.intro{display:flex;flex-direction:column;justify-content:flex-end;border:2em solid #000;padding:1em 2em}.intro h1,.intro h2{line-height:1.1em}.intro p{max-width:40rem}.intro h1{margin:0;padding:0;color:#000}.main{margin:2rem}@media(min-width:40em){.intro h1{font-size:4.75vw}.intro h2{font-size:3vw}}.intro{padding:0}.grid_wrapper{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;overflow:hidden;margin:0;padding:0}.intro p{margin:1rem;align-self:start;min-width:10rem}.intro h1{margin:1rem}.intro img{min-width:190px;max-width:240px;justify-self:end;align-self:end}.header-wrapper{display:grid;grid-template-columns:5fr 3fr;grid-template-rows:1fr;gap:8px;grid-auto-flow:row;grid-template-areas:"grid-first section-about"}.grid-first{grid-area:grid-first}.section-about{grid-area:section-about;margin:16px}@media screen and (max-width:48rem){.header-wrapper{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"grid-first" "section-about"}.section-about{margin:2rem}.intro img{min-width:auto;max-width:100%}}