@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald&display=swap";.lato-regular{font-family:Lato,sans-serif;font-weight:400;font-style:normal}.oswald-regular{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}body{margin:0}#app{min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 2fr 1fr;grid-column-gap:0px;grid-row-gap:0rem}#app header{grid-area:1/1/2/2;align-self:end;width:calc(100% - 2rem)}#app aside{grid-area:2/1/3/2;align-self:start;width:calc(100% - 2rem)}#app main{grid-area:3/1/4/2;align-self:center;width:calc(100% - 2rem)}#app footer{grid-area:4/1/5/2;align-self:end;width:100%}#app header{margin:0 auto;clear:both;text-align:center;max-width:700px}#app header img{width:100%;max-width:700px;max-height:200px}@media(max-width:500px){#app header img{margin-top:1rem;width:calc(100% - 2rem)}}#app aside{margin:0 auto;text-align:center;max-width:700px}#app aside .description{font-size:180%;color:#444}@media(max-height:720px){#app aside .description{font-size:160%}}@media(max-width:500px){#app aside .description{font-size:120%}}#app main{margin:0 auto;clear:both;text-align:left;max-width:505px}#app main .headshot{border-radius:1rem;height:130px;float:left;margin-right:1rem;margin-bottom:1rem;margin-top:.5rem}#app main .name{font-size:200%;margin-top:0;margin-bottom:0}#app main .name span{color:gray;font-size:75%}@media(max-width:350px){#app main .name{clear:both}}#app main .affiliations{margin-top:1rem}#app main .affiliations .logo{height:37px;margin-right:1rem}@media(max-width:500px){#app main .affiliations{clear:both}}#app main .contact{clear:both;margin-top:2rem;font-size:120%;text-align:center}#app main .contact .lilogo{max-height:1.3rem;top:.3rem;position:relative}#app main .contact a#email{white-space:nowrap}#app footer{margin:0 auto;background:#ccc}#app footer .content{padding:1rem 0;font-size:80%;clear:both;margin:0 auto;text-align:center;max-width:750px}