.frontpage-content{display:flex;flex-direction:row;justify-content:space-between;padding:20px;gap:20px}.frontpage-profile{max-width:300px}.frontpage-headshot{display:block;width:100%;object-fit:cover;border:1px solid gray;box-sizing:border-box}.profile-text{display:flex;flex-direction:column}.frontpage-name{font-size:1.5em}.profile-text-line{color:#707070;font-size:.9em}.inline-logo{display:inline;max-height:1em;vertical-align:middle}.frontpage-main-content{width:100%}@media only screen and (max-width:600px){.frontpage-content{flex-direction:column;align-items:center;padding:10px}.profile-text{align-items:center}}footer{background-color:#f0f0f0;margin-top:auto}hr{background-color:#f1f1f1;border-color:#f1f1f1;color:#f1f1f1}.footer-text{color:#9ba1a6;font-size:.8em}header{background-color:#e2e2e2}.navigation-container{display:flex;align-items:center;gap:1em}.navlink{color:#3b3b3b;text-decoration:none}.navlink:active{color:#ddd}.navlink--type-home{font-size:1.5em}.navlink--position-leftmost{margin-left:auto}@media only screen and (max-width:600px){.navlink{font-size:1em}.navlink--type-home{font-size:1.25em}}@media only screen and (max-width:600px){.frontpage-content{flex-direction:column;align-items:center}.profile-text{align-items:center}}@media only screen and (max-width:600px){.coursework{font-size:.9em}}*{--dutch-white: rgb(236, 232, 223);--jordy-blue: #afcbffff;--van-dyke: rgb(55, 49, 49);--old-rose: #ba6e6eff;--sea-green: #3e885bff}html,body{height:100%;line-height:1.6;margin:0 auto;font-size:1.1em;font-family:Roboto,Segoe UI,Helvetica Neue,Lucida Grande,Arial,sans-serif}html{overflow-y:scroll}h1,h2,h3{line-height:1.2}a{color:var(--sea-green);text-decoration:none}.subwidth-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media only screen and (max-width:600px){.subwidth-wrapper{padding:0 10px}}#root{height:100%;display:flex;flex-direction:column}