*{box-sizing:border-box;margin:0;padding:0}:root{--purple-50:#eee6ff;--purple-300:#c4a2f6;--purple-500:#7541c8;--white:#fff;--grey-100:#e7eaee;--grey-200:#cfcfcf;--grey-400:#676d7e;--grey-500:#48556a;--dark-blue:#19212e;--black:#121212}body{background-color:var(--grey-100);display:-ms-flexbox;display:flex;justify-content:center;align-items: center;min-height:100vh;font-family:Barlow Semi Condensed,sans-serif;font-weight:400}main{display:grid;gap:1em;max-width:65em;margin:2.5em 1.8em}main .ref{background-color:var(--white);box-shadow:3em 3em 2em var(--grey-200);position:relative;border-radius:.6em;width:100%;margin:1rem 0;padding:2.2em 1.8em}main .ref header{display:-ms-flexbox;display:flex;align-items: center;gap:.5em;margin-bottom:1em}main .ref header img{border-radius:50%;width:2em;height:2em;margin-right:.6em}main .ref header h1{font-size:.9rem;font-weight:bolder}main .ref header p{font-size:.75rem;font-weight:400}main .ref header .quote{position:absolute;border-radius:0;width:6.5em;height:6.5em;top:.1em;right:3em}main .ref .blurb{z-index:10;position:relative;margin-bottom:1rem;font-size:1.2em;font-weight:500}main .ref .pull-quote{font-size:.85rem;font-weight:400}main .ref-daniel{background-color:var(--purple-500);color:var(--white);grid-area:daniel}main .ref-daniel header img:first-child{border:solid .1rem var(--purple-300)}main .ref-johnathan{background-color:var(--grey-500);color:var(--grey-100);grid-area:johnathan}main .ref-jeanette{background-color:var(--white);color:var(--grey-500);grid-area:jeanette}main .ref-patrick{background-color:var(--dark-blue);color:var(--grey-100);grid-area:patrick}main .ref-patrick header img{border:solid .1rem var(--purple-500)}main .ref-kira{background-color:var(--white);color:var(--grey-400);grid-area:kira}@media screen and (max-width:430px){main{grid-template-areas:"daniel" "johnathan" "jeanette" "patrick" "kira"}}@media screen and (min-width:431px){main{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);grid-template-areas:"daniel daniel johnathan kira" "jeanette patrick patrick kira"}main .ref{margin:0}}