@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0;box-sizing:border-box;list-style:none;scroll-behavior:smooth}:root{--ff-primary:"Inter",sans-serif;--ff-secondary:"Montserrat",sans-serif;--fs-xxs:12px;--fs-xs:13px;--fs-sm:14px;--fs-md:15px;--fs-lg:16px;--fs-xl:30px;--fs-xxl:66px;--color-bg:#f0f4f8;--color-bg-dots:#60e4fc;--color-accent:#0279be;--color-primary-text:#0a0a0a;--color-secondary-text:#757575;--color-link:#0279be;--color-accent-rgb:2,121,190;--color-secondary-text-rgb:117,117,117}body{color:var(--color-primary-text);background:var(--color-bg);font-family:var(--ff-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--ff-secondary)}a{color:var(--color-secondary-text);text-decoration:none;transition:color .2s;font-weight:600}a:hover{color:var(--color-link)}p{line-height:1.625;color:var(--color-secondary-text);font-weight:400;font-size:var(--fs-sm)}.background{position:fixed;mask-size:100% 100%;mask-image:radial-gradient(100vh at 50% 0,black 0,transparent 100%);overflow:hidden;min-width:0;min-height:0;z-index:-1}.background,.background>div{display:flex;height:100%;width:100%;top:0;left:0}.background>div{position:absolute;background-image:radial-gradient(var(--color-bg-dots) 1px,transparent 1px);background-size:2px 2px;opacity:.4}button{padding:16px 28px;border-radius:5px;border:1px solid var(--color-accent);background-color:transparent;color:var(--color-accent);cursor:pointer;transition:background .2s;font-family:var(--ff-primary);font-size:var(--fs-sm)}button:hover{background-color:rgba(var(--color-accent-rgb),.2)}main{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1000px;margin:auto;padding:25px}.pill{background-color:rgba(var(--color-accent-rgb),.2);color:var(--color-accent);font-size:var(--fs-xxs);padding:4px 10px;border-radius:20px}.section_wrapper{display:flex;flex-direction:column;width:100%;height:auto;padding:100px 0}.section_heading{font-size:var(--fs-xl);color:var(--color-accent);margin-bottom:80px}.about_section h3{font-size:var(--fs-md);color:var(--color-primary-text);font-weight:600;font-family:var(--ff-primary)}.about_section h1{color:var(--color-accent)}.about_section h1,.about_section h2{font-size:var(--fs-xxl);font-weight:800;margin-top:12px}.about_section h2{color:var(--color-primary-text)}.about_section p{margin-top:40px;max-width:800px;font-size:var(--fs-md)}.about_section ul{display:flex;margin-top:40px}.about_section li{margin-right:28px}.about_section svg{width:28px;height:28px}.education{display:flex;flex-direction:row;justify-content:space-between;border:1px solid #414141;border-radius:15px;padding:16px;max-width:600px;margin-bottom:20px}.education h4{font-size:var(--fs-md)}.experience_section .experience{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:"exp_duration exp_title" "exp_duration exp_company" "exp_duration exp_description";gap:12px;margin-bottom:50px}.experience_section .exp_duration{grid-area:exp_duration;font-size:var(--fs-lg);font-weight:500;color:var(--color-secondary-text)}.experience_section .exp_title{grid-area:exp_title}.experience_section .exp_company{grid-area:exp_company;color:var(--color-primary-text);font-weight:500}.experience_section .exp_description{grid-area:exp_description}.experience_section .view_resume_section span{font-weight:500;font-size:var(--fs-md);font-family:var(--ff-secondary)}.experience_section .view_resume_section span svg{width:18px;height:18px;transform:translate(1px,4px);transition:transform .2s}.experience_section .view_resume_section span:hover svg{transform:translate(4px,1px)}.project_section .project_wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.project_section .project{background-color:rgba(var(--color-secondary-text-rgb),.2);border-radius:5px;padding:25px;aspect-ratio:1/1;position:relative}.project_section .project:hover h3{color:var(--color-link)}.project_section .icon_bar{display:flex;justify-content:space-between;margin-bottom:25px}.project_section .icon_bar svg:first-child{fill:var(--color-accent);width:40px;height:40px}.project_section .icon_bar svg:last-child{fill:var(--color-secondary-text);width:25px;height:25px;transition:all .2s}.project_section .project:hover .icon_bar svg:last-child{fill:var(--color-accent);transform:translate(2px,-2px)}.project_section h3{color:var(--color-primary-text);margin-bottom:10px}.project_section .tech_bar{position:absolute;bottom:25px;left:25px;overflow:hidden;width:calc(100% - 40px);text-overflow:ellipsis}.project_section span{color:var(--color-secondary-text);font-family:var(--ff-secondary);font-size:var(--fs-xxs);margin-right:10px}.project_section .project_button_row{display:flex;justify-content:center;margin-top:50px}footer{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:auto;min-height:70px}footer p{color:var(--color-secondary-text);font-size:var(--fs-xxs);font-weight:400}@media (prefers-color-scheme:dark){:root{--color-bg:#09090b;--color-bg-dots:#094074;--color-accent:#17c0fd;--color-primary-text:#ffffff;--color-secondary-text:#b2b2b2;--color-link:#17c0fd;--color-accent-rgb:23,192,253;--color-secondary-text-rgb:178,178,178}}@media (max-width:767.98px){:root{--fs-md:16px;--fs-xxl:40px;--fs-xl:28px}.section_wrapper{padding:60px 0}.section_heading{margin-bottom:50px}.experience_section .experience{grid-template-columns:1fr;grid-template-areas:"exp_duration" "exp_title" "exp_company" "exp_description";gap:10px}.experience_section .exp_duration{font-weight:500;font-size:15px}.project_section .project_wrapper{grid-template-columns:1fr 1fr}}@media (max-width:575.98px){:root{--fs-md:16px;--fs-xxl:38px;--fs-xl:28px}.project_section .project_wrapper{grid-template-columns:1fr}.section_wrapper{padding:40px 0}}