.page-wrapper {padding:16px 48px;display:flex;flex-direction:column;margin:0 auto;gap:24px;} @media (max-width:600px) {.page-wrapper {padding:16px 24px;} } .image-wrapper {width:64px;height:64px;} .img {max-width:100%;max-height:100%;border-radius:12px;} .profile {display:flex;justify-content:center;align-items:center;gap:8px;} .basic-section {padding:8px;display:flex;align-items:center;flex-direction:column;gap:8px;max-width:70vw;margin:0 auto;} @media (max-width:600px) {.basic-section {max-width:95vw;} } .personal-development-section {display:flex;flex-direction:column;gap:12px;} .personal-development-row {padding:8px;display:flex;flex-direction:column;gap:8px;} .personal-development-head {display:flex;flex-direction:column;gap:4px;} .personal-development-link {color:#4a4a4a;font-size:0.9rem;word-break:break-all;} .personal-development-description {font-size:0.9rem;color:#808080;} .work-row {padding:8px;display:flex;flex-direction:column;gap:8px;} @media (max-width:600px) {.work-row {gap:4px;} } .work-head {display:flex;align-items:center;gap:8px;} @media (max-width:600px) {.work-head {flex-direction:column;align-items:flex-start;gap:4px;} } .work-dates {color:#808080;} .work-description {font-size:0.9rem;color:#808080;} .blogs-section {display:flex;flex-direction:column;gap:12px;max-width:100%;} .blog-date {color:#808080;font-size:0.9rem;} .blog-row a {display:inline-block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;} .head-title {color:#008b8b;font-weight:bold;} .nav {color:gray;justify-content:center;align-items:center;padding:16px 0;display:flex;} .anchor {color:gray;text-decoration:none;} .main {background-color:#dcf5f5;min-height:100vh;} .footer {color:gray;background-color:#dcf5f5;flex-direction:column;justify-content:center;gap:16px;padding:18px 0;display:flex;} .icons {justify-content:center;align-items:center;gap:16px;display:flex;} .iconWrapper {color:gray;width:24px;height:24px;} .text {text-align:center;font-size:1.1rem;}