.style-container{display:grid;grid-template-areas:"header header" "links links" "menu content" "footer footer";grid-template-columns:1fr 3fr;gap:15px;padding-top:20px}.center-helper{display:inline-block;height:100%;vertical-align:middle}.style-container>div{background-color:#222831;padding:10px;box-shadow:0 0 10px rgba(255,255,255,.3)}.style-container>div.header{grid-area:header;display:flex;justify-content:space-between}#titles>h2{margin-top:-10px}#titles>h3{margin-top:-15px}.style-container>div.links{grid-area:links;text-align:center;font-size:.9em;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:10px;}.style-container>div.menu{grid-area:menu}.style-container>div.content{grid-area:content;display:flex;flex-wrap:wrap;align-items:flex-start}.style-container>div.footer{grid-area:footer}body{padding-left:clamp(10px,15vw,300px);padding-right:clamp(10px,15vw,300px);margin:0;}#headshot{width:220px;height:220px;float:right;padding-right:10px}#titles{float:left;padding-left:20px}#info{flex:1;min-width:0;}@media (max-width: 768px){.style-container{grid-template-areas:"header" "links" "content" "menu" "footer";grid-template-columns:1fr}.style-container>div.content{flex-direction:column;align-items:center}.style-container>div.links h2{font-size:1.2em;}}@media (max-width: 480px){.style-container{padding:5px;gap:10px}body{padding-left:5px;padding-right:5px}.style-container>div.links{flex-direction:column;gap:5px}.style-container>div.links h2{font-size:1em;margin:5px 0}.style-container>div{padding:8px}}