:root{color:#171717;background-color:#fff;font-family:Georgia,Helvetica,sans-serif;font-size:16px;line-height:1.3}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}h1,h2,h3{line-height:1.2}a{color:#171717}a:hover{color:#555}a:focus-visible{outline-offset:4px;outline:2px solid #c4b5fd}img{max-width:100%;height:auto}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:64px;padding:24px 32px;display:flex}.header-links{flex-direction:row;align-items:flex-end;gap:15px;display:flex}.navigation,.social-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.header-links a,.header-links a:hover{text-decoration:none}.home-intro{align-items:center;gap:100px;width:min(1400px,100%);margin:0 auto;padding:80px 40px;display:flex}.intro-text{text-align:left;flex:1;min-width:0}.intro-text h1{white-space:nowrap;margin:0 0 16px;font-size:clamp(4rem,7vw,7rem);font-weight:900;line-height:1.1}.intro-description{color:#000;max-width:80ch;margin:0}.profile-photo{border-radius:45px;flex-shrink:0;width:380px;max-width:40%}@media (width<=700px){.home-intro{flex-direction:column;align-items:flex-start;gap:32px;padding:40px 24px}}.follow-section{flex-wrap:wrap;align-items:center;gap:24px;max-width:760px;margin-top:23px;display:flex}.follow-section p{margin:0;font-weight:700}.follow-section a{font-weight:600;text-decoration:none}.follow-section a:hover{text-decoration:underline}.follow-section a{justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.follow-section img,.follow-section svg{object-fit:contain;width:28px;height:28px;display:block}.follow-section a:hover{opacity:.65}.follow-section img[src="/LinkedIn.png"]{width:30px;height:30px}.intro-location{color:#000;width:fit-content;display:intline-flex;background-color:#c8c0c0;border-radius:8px;align-items:center;gap:8px;margin-top:30px;margin-bottom:0;padding:8px 14px;font-size:1rem;font-weight:500}.contact-section{flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;font-size:1rem;display:flex}.contact-section h3{font-size:inherit;margin:0;font-weight:700}.contact-section p{margin:0}.contact-section img{object-fit:contatin;width:28px;display:block}.contact-section p{background-color:#c8c0c0;border-radius:8px;align-items:center;width:fit-content;padding:6px 12px;display:flex}.intro-availibility{color:#000;background-color:#c8c0c0;border-radius:8px;width:fit-content;margin-top:30px;margin-bottom:0;padding:8px 14px;font-size:1rem;font-weight:500}.intro-details{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.intro-details p{margin:0}.intro-location img{object-fit:contain;width:18px;height:18px;transform:translate(-3px,2px)}.intro-availibility img{object-fit:contain;width:18px;height:18px;transform:translate(-4px,4px)}.skills-list img[src="/git.png"]{width:62px;height:62px;transform:translate(-42px,1px)}.skills-list img[src="/Java.webp"]{width:42px;height:42px}.skills-list img[src="/React.webp"]{width:32px;height:32px;transform:translate(-12px,1px)}.skills-list img[src="/Linux.png"]{width:48px;height:44px;transform:translate(-22px,1px)}.skills-list img[src="/Javascript.png"]{width:28px;height:28px;transform:translate(8px,2px)}.skills-list img[src="/Python.webp"],.skills-list img[src="/c.webp"]{width:28px;height:28px}.skills-section{border-top:1px solid #999;align-items:center;gap:28px;margin-top:28px;padding-top:20px;display:flex}.skills-section h3{white-space:nowrap;margin:0;font-size:1rem;font-weight:700}.skills-list{flex-wrap:wrap;align-items:center;gap:24px;margin:0;display:flex}.skills-list img{object-fit:contain;width:56px;height:56px;display:block}.projects-button :hover{background-color:#999}.project-card{box-sizing:border-box;background-color:#c8c0c0;border-radius:16px;width:100%;margin-bottom:24px;padding:24px}.project-page{max-width:1200px;margin:0 auto;padding:40px 24px}projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.projects-page>h2{text-align:center;margin:0 0 32px;font-size:3rem}.project-card h3{margin:0 0 12px;font-size:1.4rem}.project-card p{margin:0 0 20px;line-height:1.5}.project-card a{color:#fff;background-color:#171717;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-block}.project-card a:hover{background-color:#333}.project-tech{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-tech span{color:#171717;background-color:#fff;border-radius:6px;padding:4px 10px;font-size:.85rem}@media (width<=700px){.intro-text{width:100%}.intro-text h1{white-space:normal;font-size:clamp(2.5rem,10vw,4rem)}.skills-section{flex-direction:column;align-items:flex-start;gap:16px}.skills-list{gap:6px;width:100%}.skills-list img[src]{transform:none}.profile-photo{align-self:center;width:280px;max-width:100%}.follow-section,.contact-section{gap:16px}}.project-card .project-learning{margin-top:16px;font-size:.95rem;line-height:1.5}.resume-page h2{text-align:cneter;margin:0 0 24px}.resume-page{text-align:center;max-width:1200px;margin:0 auto;padding:40px 24px}.view-resume,.download-resume{color:#171717;background-color:#c8c0c0;border-radius:8px;width:fit-content;margin:16px auto;padding:12px 20px;font-size:1rem;font-weight:700;text-decoration:none;display:block}.resume-preview{border:1px solid #c8c0c0;border-radius:8px;width:100%;max-width:850px;height:75vh;margin:32px auto 0;display:block}.resume-page h2{font-size:4rem}.about-page h3{background-color:#c8c0c0;border-radius:8px;width:fit-content;margin:0 auto;padding:8px 16px;font-weight:700}.about-page h2{text-align:center;margin:0 0 24px;font-size:4rem}.about-page{max-width:1000px;margin:0 auto;padding:40px 24px}.about-card{margin-top:12px}.about-card p{margin-top:16px;line-height:1.7}.about-layout{align-items:flex-start;gap:48px;display:flex}.about-text{flex:1;min-width:0}.about-photo{border-radius:32px;width:500px;max-width:40%;height:auto}@media (width<=700px){.about-layout{flex-direction:column;gap:24px}.about-photo{align-self:center;width:320px;max-width:100%}}.about-text{transform:translate(-120px,2px)}.about-sidebar{flex-direction:column;flex-shrink:0;align-items:center;width:420px;max-width:45%;display:flex}.about-sidebar .about-photo{border-radius:32px;width:100%;max-width:100%;height:auto;display:block}.about-connect{text-align:center;margin-top:24px}.about-connect-links{flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-top:16px;display:flex}.about-connect-links img{object-fit:contain;width:28px;height:28px;display:block}.about-connect-links a:hover{opacity:.65}@media (width<=700px){.about-sidebar{align-self:center;max-width:100%}.about-text{width:100%;transform:none}.about-sidebar{width:100%;max-width:420px}.about-page h2{font-size:2.5rem}}.skills-list{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex;overflow-x:visible}.skills-list img{flex-shrink:0}@media (width<=700px){.skills-section{flex-direction:column;align-items:flex-start}}