*{box-sizing:border-box}body,html{height:100%}body{display:flex;flex-direction:column;margin:0;padding:0;font-family:sans-serif;font-size:18px;background-color:#f5f5f5}main{width:fit-content;max-width:80ch;margin:0 auto;padding:40px 20px;flex:1}.profile{text-align:center;margin-bottom:40px}.profile img{width:150px;height:150px;border-radius:50%;margin-bottom:20px}h1{font-size:2.5em;margin:0}.greeting{text-align:center}a{color:inherit}.details{display:grid;grid-template-columns:max-content 1fr;column-gap:1ch}.details > div{display:contents}footer{background-color:#1a1a1a;color:white;text-align:center;padding:10px;width:100%}