body{margin:0;padding:0;font-family:Inter,Helvetica,sans-serif;background:#27292c;display:flex;justify-content:center;align-items:center;min-height:100vh}section.main-container{display:flex;flex-direction:column;margin-top:0;justify-content:flex-start;align-items:center;text-align:center;color:#fff;background:#1a1b21;width:317px;height:780px;border-radius:0 0 10px 10px}img.card-photo{max-width:100%;height:317px;flex-shrink:0;border-radius:10px 10px 0 0;background:url(<path-to-image>) #d3d3d3 -207.665px -133.577px / 210.625% 315.631% no-repeat;margin-bottom:-20px}h1{color:#fff;text-align:center;font-family:Inter;font-size:25px;font-style:normal;font-weight:700;line-height:normal}.post{color:#f3bf99;text-align:center;font-family:Inter;font-size:12.8px;font-style:normal;font-weight:400;line-height:normal;margin-top:-20px}.website{color:#f5f5f5;text-align:center;font-family:Inter;font-size:10.24px;font-style:normal;font-weight:400;line-height:150%;text-decoration:none}section.button-container{display:flex;justify-content:center;align-items:center;gap:17px;margin:15px 0 35px}button.email-button{display:flex;width:115px;padding:9px 13px 9px 11px;justify-content:center;align-items:center;gap:8px;border-radius:6px;border:1px solid var(--gray-300, #D1D5DB);background:var(--white, #FFF);box-shadow:0 1px 2px #0000000d;border-style:none}button.email-button>span{color:var(--gray-700, #374151);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:16px}button.linkedin-button{display:flex;width:115px;padding:9px 13px 9px 11px;justify-content:center;align-items:center;gap:8px;border-radius:6px;background:#5093e2;box-shadow:0 1px 2px #0000000d;border-style:none}button.linkedin-button>span{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:16px}section.details-container{margin:-10px 35px 35px;text-align:left}h2.about-title{color:#f5f5f5;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:150%}p.about-text{color:#dcdcdc;font-family:Inter;font-size:10.24px;font-style:normal;font-weight:400;line-height:150%;margin-top:-10px}h2.interests-title{color:#f5f5f5;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:150%}p.interests-text{color:#dcdcdc;font-family:Inter;font-size:10.24px;font-style:normal;font-weight:400;line-height:150%;margin-top:-10px}.footer-container{border-radius:0 0 10px 10px;background:#161619;width:317px;height:64px;flex-shrink:0;justify-content:center;align-items:center;display:flex;gap:24px;margin-top:-20px}