body{margin:0;font-family:Georgia,serif;background:#ece8dc;color:#143c3d} .layout{display:flex;min-height:100vh}.nav{width:260px;background:#e2ddd0;padding:20px;position:sticky;top:0;height:100vh;box-sizing:border-box}.nav img{width:180px;border-radius:50%;display:block;margin:auto}.nav a{display:block;margin:12px 0;padding:12px;background:#1b5655;color:white;text-decoration:none;border-radius:6px}.content{flex:1;padding:40px}.card{background:#fff;padding:25px;margin:20px 0;border-left:6px solid #1b5655}.hero{text-align:center}@media(max-width:800px){.layout{display:block}.nav{width:auto;height:auto;position:relative}}