.app{background:#fff;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0px;margin:0;overflow:hidden}@media (max-width: 1080px){.app{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}}.header{margin:24px 112px 73px 120.4px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80%;box-sizing:border-box}.logo{display:flex;flex-direction:row;align-items:center}.logo-1{width:90px;height:110px;overflow:hidden;position:relative}.group-26{width:23.2px;height:34.7px}.personal-1{display:inline-block;font-family:Sora,sans-serif;font-weight:700;font-size:30px;color:#000;text-transform:capitalize;padding-left:10%}.personal-1:hover,.personal-1:focus{color:#7ac7c4}.taskbaar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:auto}.taskbaar .link{position:relative;padding:10px;color:#000;font-family:Sora,sans-serif;font-weight:600;font-size:25px;text-decoration:none;text-transform:capitalize}.taskbaar .link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background-color:#000;transform:scaleX(0);transition:transform .3s ease-in-out;transform-origin:bottom left;border-radius:30px}.taskbaar .link:hover:after,.taskbaar .link:focus:after{transform:scaleX(1)}.button-8{display:flex;align-items:center;background:#000;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;box-sizing:border-box;margin-left:30px}.button-8 a{color:#fff;display:flex;flex-direction:row}.button-8 a:hover{color:#7ac7c4}.resume-1{margin-right:10px;font-family:Sora,sans-serif;font-size:20px}.download{display:flex;align-items:center;justify-content:center}.icon{width:25px;height:25px}@media (max-width: 1080px){.header{margin:10px 119px 0 112.4px}.hamburger{display:block;padding:2% 10%}.taskbaar,.button-8{display:none}.taskbaar.open{display:flex;flex-direction:column;position:absolute;margin-top:420px;left:0;right:0;background-color:#fff;padding:20px;box-shadow:0 8px 16px #0000001a;z-index:10}.button-8.inside-menu{display:block;background:#000;color:#fff;margin-top:10px;padding:5px 20px;text-align:center;border-radius:20px;margin-left:0}button:focus,button:focus-visible{outline:10px}}.hamburger{display:none;background:none;border:none;color:#000;font-size:40px;cursor:pointer}@media (max-width: 1080px){.hamburger{display:block}}.hero-section{display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin-top:11%;margin-bottom:15%}.banner{display:flex;flex-direction:row;width:100%}.text-section{flex:1;padding-right:20px}.image-section{flex:1;display:flex;justify-content:flex-end;transform:scale(1.6)}.profile-image{max-width:100%;height:auto}.frame-46{margin:0 0 32px;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box}.frame-43{margin-bottom:10px;justify-content:center;display:flex;flex-direction:row;width:fit-content;box-sizing:border-box}.frame-42{position:absolute;display:flex;flex-direction:row;box-sizing:border-box;padding-top:5%}.hello-iam{margin-right:16.1px;overflow-wrap:break-word;font-family:var(--displaytext-regular-font-family, "Sora");font-weight:var(--displaytext-regular-font-weight, 400);font-size:var(--displaytext-regular-font-size, 48px);letter-spacing:var(--displaytext-regular-letter-spacing, -1px);line-height:var(--displaytext-regular-line-height, 1.167);color:var(--primary-black, #000000)}.nicholas-li{overflow-wrap:break-word;font-family:var(--displaytext-extra-bold-font-family, "Sora");font-weight:var(--displaytext-extra-bold-font-weight, 800);font-size:var(--displaytext-extra-bold-font-size, 48px);letter-spacing:var(--displaytext-extra-bold-letter-spacing, -1px);line-height:var(--displaytext-extra-bold-line-height, 1.167);color:var(--primary-black, #000000)}.frame-44{margin-bottom:10px;display:flex;flex-direction:row;align-self:flex-start;width:fit-content;box-sizing:border-box;justify-content:center}.software{margin-right:16.3px;overflow-wrap:break-word;font-family:var(--displaytext-extra-bold-font-family, "Sora");font-weight:var(--displaytext-extra-bold-font-weight, 800);font-size:var(--displaytext-extra-bold-font-size, 48px);letter-spacing:var(--displaytext-extra-bold-letter-spacing, -1px);color:var(--primary-black, #000000)}.engineer{font-family:Arial,sans-serif;font-size:48px;font-weight:700;color:#fff;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,-2.5px 0 0 #000,2.5px 0 0 #000,0 -2.5px 0 #000,0 2.5px 0 #000,-3px 0 0 #000,3px 0 0 #000,0 -3px 0 #000,0 3px 0 #000}.frame-45{margin-right:33.6px;display:flex;flex-direction:row;width:fit-content;box-sizing:border-box;justify-content:center}.based-in{margin-right:16.6px;overflow-wrap:break-word;font-family:var(--displaytext-regular-font-family, "Sora");font-weight:var(--displaytext-regular-font-weight, 400);font-size:var(--displaytext-regular-font-size, 48px);letter-spacing:var(--displaytext-regular-letter-spacing, -1px);line-height:var(--displaytext-regular-line-height, 1.167);color:var(--primary-black, #000000)}.melbourne{overflow-wrap:break-word;font-family:var(--displaytext-extra-bold-font-family, "Sora");font-weight:var(--displaytext-extra-bold-font-weight, 800);font-size:var(--displaytext-extra-bold-font-size, 48px);letter-spacing:var(--displaytext-extra-bold-letter-spacing, -1px);line-height:var(--displaytext-extra-bold-line-height, 1.167);color:var(--primary-black, #000000)}.about-text{overflow-wrap:break-word;font-family:var(--paragraph-p-2-regular-font-family, "Sora");font-weight:var(--paragraph-p-2-regular-font-weight, 400);font-size:var(--paragraph-p-2-regular-font-size, 20px);letter-spacing:var(--paragraph-p-2-regular-letter-spacing, .3px);line-height:var(--paragraph-p-2-regular-line-height, 1.5);color:var(--zinc-500, #71717A);white-space:normal;text-align:left;padding-left:0;margin-top:5%;max-width:448px;justify-content:center}.app .button-1{border-radius:4px;margin-right:32px;display:flex;width:56px;height:56px;box-sizing:border-box;justify-content:center}.app .button-2{border-radius:4px;border:3px solid var(--primary-black, #000000);display:flex;padding:2%;width:56px;height:56px;box-sizing:border-box;justify-content:center}@media (max-width: 1020px){.app .button-1,.app .button-2{width:42px;height:42px}.banner{flex-direction:column-reverse;width:90%}.container{flex-direction:column;align-items:center;margin-bottom:0}.image-section{justify-content:center;transform:scale(.8)}.text-section{padding-right:0;text-align:center}.hello-iam{margin-right:2.3%;overflow-wrap:break-word;font-family:var(--displaytext-regular-font-family, "Sora");font-weight:var(--displaytext-regular-font-weight, 400);font-size:var(--displaytext-regular-font-size, 30px);letter-spacing:var(--displaytext-regular-letter-spacing, -1px);line-height:var(--displaytext-regular-line-height, 1.167);color:var(--primary-black, #000000)}.nicholas-li{overflow-wrap:break-word;font-family:var(--displaytext-extra-bold-font-family, "Sora");font-weight:var(--displaytext-extra-bold-font-weight, 800);font-size:var(--displaytext-extra-bold-font-size, 30px);letter-spacing:var(--displaytext-extra-bold-letter-spacing, -1px);line-height:var(--displaytext-extra-bold-line-height, 1.167);color:var(--primary-black, #000000)}.frame-43{margin-bottom:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.frame-44{margin-bottom:10px;display:flex;flex-direction:row;align-self:flex-start;width:100%;box-sizing:border-box}.software{margin-right:16.3px;overflow-wrap:break-word;font-family:var(--displaytext-extra-bold-font-family, "Sora");font-weight:var(--displaytext-extra-bold-font-weight, 800);font-size:var(--displaytext-extra-bold-font-size, 30px);letter-spacing:var(--displaytext-extra-bold-letter-spacing, -1px);color:var(--primary-black, #000000)}.engineer{font-family:Arial,sans-serif;font-size:30px;font-weight:700;color:#fff;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,-2.5px 0 0 #000,2.5px 0 0 #000,0 -2.5px 0 #000,0 2.5px 0 #000,-3px 0 0 #000,3px 0 0 #000,0 -3px 0 #000,0 3px 0 #000}.frame-42{position:relative;display:flex;flex-direction:row;box-sizing:border-box;padding-top:5%;justify-content:center}.frame-45{margin-right:33.6px;display:flex;flex-direction:row;width:100%;box-sizing:border-box}.based-in{margin-right:2.6%;overflow-wrap:break-word;font-family:var(--displaytext-regular-font-family, "Sora");font-weight:var(--displaytext-regular-font-weight, 400);font-size:var(--displaytext-regular-font-size, 30px);letter-spacing:var(--displaytext-regular-letter-spacing, -1px);line-height:var(--displaytext-regular-line-height, 1.167);color:var(--primary-black, #000000)}.melbourne{overflow-wrap:break-word;font-family:var(--displaytext-extra-bold-font-family, "Sora");font-weight:var(--displaytext-extra-bold-font-weight, 800);font-size:var(--displaytext-extra-bold-font-size, 30px);letter-spacing:var(--displaytext-extra-bold-letter-spacing, -1px);line-height:var(--displaytext-extra-bold-line-height, 1.167);color:var(--primary-black, #000000)}.about-text{padding-left:0;margin-left:0;display:flex;flex-direction:row;width:100%;box-sizing:border-box;max-width:100%;text-align:center;margin-top:5%}}.work-experience{background:#000;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:5%;padding-bottom:8%}.row,.experience-entry{margin-bottom:32px;display:flex;flex-direction:column;align-items:center;width:65%}.title{margin-top:5%;margin-bottom:40px;display:flex;font-family:Sora,sans-serif;font-size:48px;color:#fff}.experience-entry{border-radius:10px;border:1px solid #71717A;padding:30px 24px;background:#27272a}.experience-details{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.experience-details img{margin-right:30px;width:82px;height:32px}.position{font-weight:600;font-size:24px;color:#fff}.dates,.description{font-size:16px;color:#d4d4d8}.description{margin-top:10px}@media (max-width:1080px){.title{display:flex;justify-content:center;align-items:center;text-align:center}}.app .footer{background:var(--primary-black, #000000);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 50px;width:100%;box-sizing:border-box}.app .frame-16{display:flex;align-items:center}.app .personal-2{width:60px;height:60px;overflow:hidden;position:relative;transform:scale(1.6)}.app .nic{margin-left:20px;display:flex;align-items:center;font-family:Sora,sans-serif;font-weight:700;font-size:30px;color:#fff;text-transform:capitalize}.app .frame-1000015869{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.app .personal{display:flex;align-items:center;color:#fff}.app .made-in-figma{overflow-wrap:break-word;font-family:var(--heading-h-6-semibold-font-family, "Sora");font-weight:var(--heading-h-6-semibold-font-weight, 600);font-size:var(--heading-h-6-semibold-font-size, 16px);letter-spacing:var(--heading-h-6-semibold-letter-spacing, -.3px);line-height:var(--heading-h-6-semibold-line-height, 1.25);color:var(--primary-white, #FFFFFF)}@media (max-width: 1080px){.app .footer{flex-direction:row;padding:10px}.app .frame-16{margin-bottom:20px}.app .nic,.personal-2{margin-left:10px;margin-top:10px}.app .frame-1000015869{align-items:center;margin-right:10px}}html,body,#root,.app{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;background:#fff}.app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:fit-content}body{font-family:Sora,sans-serif;color:#333;line-height:1.6;overflow-x:hidden}.about-me{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0 60px}.about-me-image{width:25%;height:auto;margin-right:5%;border-radius:8px;margin-top:45px;margin-left:20px}.about-me-text{width:65%;margin-right:40px}.calendar{height:auto;margin-top:40px;align-items:center;margin-bottom:40px;transform:scale(1.2);padding-top:10px}.calendar-github{background-color:#000;color:#fff;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20px;padding-bottom:80px;margin-bottom:10px}@media (max-width: 1020px){.about-me-image{width:80%;margin-bottom:20px;margin-left:32px}.about-me-text{width:100%}.about-me{width:80%;flex-direction:column;margin:0 5%}.calendar{transform:scale(1)}}@media (max-width: 600px){.calendar{transform:scale(.7)}}.app .skills{margin:15px 112px 40px;display:flex;flex-direction:column;align-items:center;width:1216px;box-sizing:border-box}.app .row{margin:0 0 40px;display:flex;flex-direction:row;width:fit-content;box-sizing:border-box}.app .my{margin-right:16.5px;overflow-wrap:break-word;font-family:Sora,sans-serif;font-weight:400;font-size:48px;letter-spacing:-1px;line-height:1.167;color:#000}.app .skills-1{overflow-wrap:break-word;font-family:Sora,sans-serif;font-weight:800;font-size:48px;letter-spacing:-1px;line-height:1.167;color:#000}.app .row-1{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;box-sizing:border-box}.app .row-1{display:flex;flex-wrap:wrap;justify-content:space-around;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.column,.column-1{flex:1 1 200px;margin:10px;display:flex;flex-direction:row;column-gap:20px;align-items:center;justify-content:center;width:100%}.app .skills-2,.app .skills-3,.app .skills-4,.app .skills-5,.app .skills-6,.app .skills-7,.app .skills-8,.app .skills-9,.app .skills-10,.app .skills-11{border-radius:4px;border:2px solid var(--primary-black, #000000);background:var(--primary-white, #FFFFFF);display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:20px}.app .skills-3{border-radius:4px;border:2px solid var(--primary-black, #000000);background:var(--primary-black, #000000);display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px}.app .javascript{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .icon-git{margin-bottom:10.8px;display:flex;width:44.3px;height:44.3px;box-sizing:border-box}.app .vector-41{width:44.3px;height:44.3px}.app .icon-javscript{background:#fff;position:relative;margin-top:5.8px;display:flex;padding:22.9px 6.2px 6.2px 14.5px;width:56px;height:56px;box-sizing:border-box}.app .vector-43{width:35.3px;height:24.9px}.app .javascript-1{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-white, #FFFFFF)}.app .javascript-2{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .icon-react{margin-bottom:10.8px;width:56px;height:56px}.app .javascript-3{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .logosnodejs{margin-bottom:10.8px;display:flex;width:77.9px;height:51.9px;box-sizing:border-box}.app .group-24{width:77.9px;height:51.9px}.app .javascript-4{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 2.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .icon-docker{margin:10px 0 10.9px;display:flex;width:56px;height:40.3px;box-sizing:border-box}.app .vector-52{width:56px;height:40.3px}.app .javascript-5{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .icon-git-1{margin-bottom:37.8px;display:flex;width:44.3px;height:44.3px;box-sizing:border-box}.app .vector-53{width:44.3px;height:44.3px}.app .javascript-6,.app .javascript-9{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .icon-socket,.app .icon-storybook{margin:0 0 32px;display:flex;width:56px;height:55.9px;box-sizing:border-box}.app .vector-54{width:56px;height:55.9px}.app .javascript-7{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .icon-sass{margin-bottom:41.4px;display:flex;width:51.3px;height:38.5px;box-sizing:border-box}.app .javascript-8{overflow-wrap:break-word;font-family:var(--heading-h-5-bold-font-family, "Sora");font-weight:var(--heading-h-5-bold-font-weight, 700);font-size:var(--heading-h-5-bold-font-size, 20px);letter-spacing:var(--heading-h-5-bold-letter-spacing, -.4px);line-height:var(--heading-h-5-bold-line-height, 1.2);text-transform:var(--heading-h-5-bold-text-transform, capitalize);color:var(--primary-black, #000000)}.app .vector-55{width:51.3px;height:38.5px}@media (max-width: 1020px){.skills{width:100%}.app .row{flex-direction:column}.app .skills-1{display:flex;justify-content:center}.app .row-1{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;align-items:center;width:30%;box-sizing:border-box}.column,.column-1{flex:1 1 35%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px;width:50%}}.project-container{width:100%;padding:20px;background:#fff;color:#000;display:flex;flex-direction:column;align-items:center}.project-header{margin-bottom:50px;font-size:36px;color:#000}.project-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:50px;width:80%}.project-item.reversed{flex-direction:row-reverse}.project-image{width:45%;height:300px;background-size:cover;background-position:center;border-radius:10px;margin:0 20px}.project-content{width:45%;text-align:left;padding:20px}.project-id{font-size:24px;color:#838080}.project-title{font-size:22px;margin-top:5px}.project-description{font-size:16px;margin-top:5px}.read-more-link{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;color:#fff;padding:0 10px;text-decoration:none}.read-more-link img{width:16px;height:auto;margin-right:5px}@media (max-width: 768px){.project-header{font-size:24px}.project-item,.project-item.reversed{flex-direction:column;align-items:center}.project-image,.project-content{width:100%;margin:10px 0}.project-id{font-size:18px}.project-title{font-size:20px}.project-description{font-size:14px}}.contact-container{padding:60px 20px;min-height:80vh;display:flex;justify-content:center;align-items:center}.contact{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;max-width:1500px;width:100%;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden;position:relative}.contact-form{flex:1 1 60%;display:flex;flex-direction:column;padding:40px;background:#fff;position:relative;z-index:1}.form-group{margin-bottom:24px;position:relative;transition:transform .3s ease}.form-group.focused{transform:translateY(-5px)}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;transition:color .3s ease}.form-group.focused label{color:#4a6cf7}.contact-form input,.contact-form textarea{width:100%;padding:15px;border:2px solid #e1e5ee;border-radius:8px;background:#f8fafc;color:#333;font-size:16px;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf733;background:#fff}.contact-box{resize:vertical;min-height:120px}.submit-button{padding:15px 30px;background:#000;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:10px}.submit-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.submit-button:active{transform:translateY(1px)}.submit-button.submitting{background:#666;cursor:not-allowed}.submit-button.success{background:#10b981}.submit-button.error{background:#ef4444}.success-message{color:#10b981;margin-top:16px;font-weight:500;animation:fadeIn .5s ease}.error-message{color:#ef4444;margin-top:16px;font-weight:500;animation:fadeIn .5s ease}.contact-info{flex:1 0 40%;padding:40px;background:linear-gradient(135deg,#000,#333);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.contact-info:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:#ffffff0d;border-radius:50%;transform:scale(1.5)}.info-header{position:relative;margin-bottom:30px}.info-header h1{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:15px}.highlight{color:#4a6cf7;position:relative;display:inline-block}.underline-animated{width:60px;height:4px;background:#4a6cf7;border-radius:2px;position:relative;overflow:hidden}.underline-animated:after{content:"";position:absolute;left:-100%;width:100%;height:100%;background:#ffffff80;animation:shimmer 2s infinite}.contact-info p{font-size:18px;line-height:1.6;margin-bottom:30px;opacity:.9}.contact-details{margin-bottom:30px}.contact-item{display:flex;align-items:center;margin-bottom:15px}.contact-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;margin-right:15px;display:flex;align-items:center;justify-content:center;position:relative}.contact-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.2);animation:pulse 2s infinite}.email-icon:after{content:"✉";font-size:18px}.phone-icon:after{content:"📱";font-size:18px}.contact-item p{margin:0;font-size:16px}.social-links{display:flex;gap:15px}.social-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.social-icon:hover{transform:translateY(-5px);background:#4a6cf7}.linkedin:before{content:"in";font-weight:700}.github:before{content:"GH";font-weight:700}.twitter:before{content:"X";font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 1024px){.contact{flex-direction:column;max-width:90%}.contact-info,.contact-form{width:100%;padding:30px}.contact-info{order:-1}}@media (max-width: 600px){.contact-container{padding:20px 10px}.contact{border-radius:10px;max-width:100%}.contact-form input,.contact-form textarea,.contact-form button{width:100%}.info-header h1{font-size:28px}.contact-info p{font-size:16px}}.app{display:flex;flex-direction:column;min-height:auto;overflow:hidden}.resume-container{width:100%;max-width:45%;margin:20px auto;padding:20px;background-color:#f8f9fa;border:1px solid #dee2e6;box-shadow:0 4px 8px #0000001a;border-radius:5px;overflow:hidden;box-sizing:border-box;height:auto}#resumeCanvas{width:100%;height:auto;box-shadow:0 2px 4px #0000000d;border-radius:3px;display:flex;justify-content:center;align-items:center;overflow:auto}.resume-container canvas{max-width:100%;width:100%;height:auto;display:block}@media screen and (max-width: 1080px){.resume-container{max-width:90%;margin:12% 0% 36%}#resumeCanvas{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}