.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-right:100px}.logoLink{display:flex;align-items:center}.logo{height:60px;width:auto;cursor:pointer;margin-left:30px}.navLinks{display:flex;list-style:none;gap:20px}.navLinks li{position:relative}.navLinks a{text-decoration:none;color:var(--color-black);font-weight:300;position:relative;transition:font-weight .3s ease-in-out;cursor:pointer}.navbar a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--color-black);transform:scaleX(0);transition:transform .3s ease-in-out}.navbar a:hover{font-weight:600}.navbar a:hover:after{transform:scaleX(1)}.hamburgerMenuIcon{display:none;font-size:24px;cursor:pointer}@media screen and (max-width: 768px){.hamburgerMenuIcon{display:block;position:absolute;right:20px}.navLinks{display:none;flex-direction:column;position:absolute;top:60px;right:20px;background:#ffffff87;width:150px;box-shadow:0 4px 6px #0000001a;border-radius:5px;z-index:4}.navLinks.open{display:flex}.navLinks li{padding:10px;text-align:center}}:root{--background-color: #ededed;--background-color-2: #f9f9f9;--color-black: #000000;--color-white: #ffffff;--color-gray-text: #4d4d4d;--color-gray-btns: #d9d9d9;--color-bg-footer: #141414;--color-footer-btns: #323232;--color-footer-text: #dadada;--color-success: #0a8a0a;--color-error: #c0392b;--color-success-bg: rgba(10, 138, 10, .1);--color-error-bg: rgba(192, 57, 43, .1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}html{scroll-behavior:smooth;background-color:var(--background-color)}.App{background-color:var(--background-color);width:100%;height:100%;overflow:hidden}.buttonLink{position:relative;display:inline-flex;align-items:center;font-weight:700;text-decoration:none;color:var(--color-black);z-index:2;transition:all .3s ease}.buttonLink:hover{transform:translate(15px)}.buttonLink:before{content:"";position:absolute;left:-20px;top:0;bottom:0;margin:auto;width:50px;height:50px;background:var(--color-gray-btns);border-radius:50%;z-index:-1;transition:all .3s ease}.buttonLink:after{content:"→";margin-left:10px;transition:transform .3s ease}.buttonLink:hover:before{width:130%;border-radius:30px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.heroContainer{display:flex;align-items:center;justify-content:space-between;padding:0 150px 20px;min-height:100vh;animation:fadeIn 1s ease-in-out}.heroContent{animation:slideInLeft 1s ease-in-out}.heroTitle{font-size:50px;font-weight:700;margin-bottom:10px;position:relative;z-index:3}.heroDescription{font-size:18px;color:var(--color-gray-text);max-width:500px;line-height:30px;margin-bottom:50px;position:relative;z-index:3}.socialLinks{display:flex;margin-top:50px;font-size:16px;position:relative;z-index:3;gap:20px}.socialLink{position:relative;text-decoration:none;color:var(--color-gray-text);margin-right:10px}.socialLink:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--color-black);transform:scaleX(0);transition:transform .3s ease-in-out}.socialLink:hover{font-weight:600;color:var(--color-black)}.socialLink:hover:after{transform:scaleX(1)}.imageSection{position:relative;animation:slideInRight 1s ease-in-out}.imageCircle{width:500px;height:500px;border-radius:50%;overflow:hidden;box-shadow:0 0 20px #0000001a;position:relative;z-index:3}.profileImage{width:100%;height:100%;object-fit:cover}.circle{width:550px;height:550px;background:var(--color-white);border-radius:50%;position:absolute;top:0;right:20px;bottom:0;margin:auto;z-index:2;filter:blur(8px)}.scrollDownButton{position:absolute;right:-50px;bottom:80px;padding:0 20px;transform:rotate(90deg);transition:transform .3s ease-out;cursor:pointer;animation:fadeIn 1s ease-in-out}.scrollDownButton:hover{transform:rotate(90deg) translate(15px);transition:transform .3s ease-in-out;font-weight:700}@media screen and (max-width: 945px){.heroContainer{flex-direction:column;padding:20px;text-align:center}.heroContent{animation:none;order:2}.heroTitle{font-size:36px;margin-bottom:20px}.heroDescription{font-size:16px;max-width:100%;line-height:1.6;margin-bottom:30px}.buttonLink{margin-bottom:30px}.socialLinks{justify-content:center;gap:15px}.imageSection{animation:none;order:1;margin-bottom:30px}.imageCircle{width:300px;height:300px}.circle{width:320px;height:320px;right:0;margin:0 auto}.scrollDownButton{display:none}}.projectsSectionContainer{padding:50px 20px;background-color:var(--background-color-2)}.projectsSectionContent{max-width:100%;margin:0 auto}.projectsSectionTitle{padding-left:150px;font-size:35px;font-weight:700;margin-bottom:20px;color:var(--color-black)}.projectsSectionDescription{padding-left:150px;font-size:18px;color:var(--color-gray-text);margin-bottom:50px}.projectsList{display:flex;flex-direction:column;margin-bottom:50px}.projectItem{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 150px;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-btns);position:relative;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;transform:scale(1.05)}.projectItem:hover{transform:scale(1.1)}.projectImageContainer{position:absolute;right:50px;top:50%;transform:translateY(-50%) scale(.7);width:300px;opacity:0;z-index:1;transition:opacity .3s ease,transform .3s ease;pointer-events:none;overflow:hidden;border-radius:10px}.projectImage{width:100%;height:100%;object-fit:cover;position:relative}.projectImageContainer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(255,255,255,.805),transparent);border-radius:10px}.projectItem:hover .projectImageContainer{opacity:1;transform:translateY(-50%) scale(1.2)}.projectIndex{font-size:30px;font-weight:200;color:var(--color-gray-text);margin-right:20px;position:relative;display:flex;align-items:center}.projectIndex:before{content:"";display:block;width:110px;height:1px;background:#d8d8d8;position:absolute;left:-120px;top:50%;transform:translateY(-50%)}.projectDetails{flex-grow:1}.projectTitle{font-size:30px;font-weight:700;color:var(--color-gray-text)}.projectCategory{font-size:16px;color:var(--color-gray-text)}.projectsSectionFooter{padding-left:150px;font-size:14px;font-weight:300;margin-bottom:10px;color:var(--color-black)}.viewAllProjects{padding-left:150px;font-size:28px;font-weight:700;color:var(--color-black);text-decoration:none;position:relative;display:inline-block;transition:transform .4s cubic-bezier(.25,1,.5,1),color .3s ease-in-out}.viewAllProjects:after{content:"→";display:inline-block;margin-left:8px;transition:transform .4s cubic-bezier(.25,1,.5,1)}.viewAllProjects:hover:after{transform:translate(5px)}.viewAllProjects:hover{transform:translate(5px)}@media screen and (max-width: 900px){.projectsSectionContainer{padding:30px 20px}.projectsSectionTitle,.projectsSectionDescription,.projectsSectionFooter,.viewAllProjects{padding-left:0;text-align:center}.projectsList{flex-direction:column;gap:20px}.projectItem{flex-direction:column;align-items:center;text-align:center;padding:20px}.projectIndex{font-size:24px;margin-bottom:5px}.projectIndex:before{display:none}.projectDetails{margin-bottom:15px}.projectTitle{font-size:22px}.projectCategory{font-size:16px}.buttonLink{margin-top:10px;display:inline-block}.projectImageContainer{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:280px;opacity:1;margin-top:15px}.projectItem:hover .projectImageContainer{transform:none}.viewAllProjects{font-size:22px;display:flex;justify-content:center}}.footerContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 150px 20px;min-height:100vh;background-color:var(--color-bg-footer);position:relative}.footerContent{text-align:center}.footerTitle{font-size:50px;font-weight:700;margin-bottom:10px;color:var(--color-white)}.footerDescription{font-size:18px;color:var(--color-white);max-width:500px;line-height:30px;margin-bottom:50px}.buttonLink-footer{display:flex;justify-content:center;align-items:center;margin-bottom:50px;color:var(--color-white);padding:10px 20px}.buttonLink-footer:before{content:"";position:absolute;left:150px;top:0;margin:auto;width:50px;height:50px;background:var(--color-footer-btns);border-radius:50%;z-index:-1;transition:all .3s ease}.buttonLink-footer:hover:before{width:31%}.footerLinks{display:flex;gap:20px;margin-top:50px;position:absolute;bottom:20px}.footerIconWrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease-in-out}.footerIcon{width:24px;height:24px;position:absolute;transition:opacity .3s ease-in-out}.defaultIcon{opacity:1}.hoverIcon{opacity:0}.footerIconWrapper:hover{background:var(--color-white)}.footerIconWrapper:hover .defaultIcon{opacity:0}.footerIconWrapper:hover .hoverIcon{opacity:1}.scrollUpButton{position:absolute;right:-35px;bottom:85px;padding:0 20px;transform:rotate(90deg);transition:transform .3s ease-out;cursor:pointer;animation:fadeIn 1s ease-in-out;color:var(--color-white)}.scrollUpButton:hover{transform:rotate(90deg) translate(-15px);transition:transform .3s ease-in-out;font-weight:700}@media screen and (max-width: 740px){.footerContainer{padding:0 20px 20px}.footerTitle{font-size:40px;margin-bottom:10px}.footerDescription{font-size:16px;margin-bottom:30px}.buttonLink-footer:before{left:100px;width:40px;height:40px}.buttonLink-footer:hover:before{width:41%}.footerLinks{gap:15px;bottom:10px}.footerIconWrapper{width:35px;height:35px}.footerIcon{width:20px;height:20px}.scrollUpButton{display:none}}.aboutContainer{padding:50px 150px 20px;animation:fadeIn 1s ease-in-out}.introSection{display:flex;align-items:center;gap:30px;margin-bottom:50px}.introTextContainer{flex:1;animation:slideInRight 1s ease-in-out}.imageContainer{width:400px;height:550px;border-radius:20px;overflow:hidden;box-shadow:0 0 20px #00000043;animation:slideInLeft 1s ease-in-out}.aboutImage{width:100%;height:100%;object-fit:cover;overflow-clip-margin:unset;overflow:visible}.introTitle{font-size:25px;font-weight:700;margin-bottom:10px;position:relative}.introDescription{font-size:16px;font-weight:300;line-height:1.6;margin-bottom:20px;color:var(--color-gray-text)}.introSubtitle{font-size:18px;font-weight:400;margin-bottom:5px}.toolsSection{animation:slideInLeft 1s ease-in-out}.toolsTitle{font-size:25px;margin-bottom:20px}.toolsGrid{display:grid;gap:20px}.toolsSubtitle{font-size:18px;font-weight:400;margin-bottom:5px}.toolsList{list-style-type:none;padding:0;font-size:16px;font-weight:300;line-height:1.6;margin-bottom:5px;color:var(--color-gray-text);display:flex;gap:30px}@media screen and (max-width: 1200px){.aboutContainer{padding:30px 50px 20px}.introTitle{font-size:22px}.introDescription{font-size:14px}.toolsTitle{font-size:22px}.toolsList{gap:20px}}@media screen and (max-width: 950px){.imageContainer{width:300px;height:400px}.toolsList{gap:10px}}@media screen and (max-width: 820px){.introSection{flex-direction:column;align-items:center;gap:20px}.imageContainer{width:600px;height:300px}.toolsSubtitle{font-size:16px}.toolsList{font-size:14px;gap:10px}}@media screen and (max-width: 735px){.imageContainer{width:500px}.toolsList{flex-direction:column}}@media screen and (max-width: 560px){.imageContainer{width:400px}}@media screen and (max-width: 450px){.imageContainer{width:280px}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.projectsPageContainer{padding:50px 20px;animation:fadeIn 1s ease-in-out}.projectsPageContent{max-width:1200px;margin:0 auto;animation:slideInBottom 1s ease-out forwards}.projectsPageTitle{font-size:35px;font-weight:700;margin-bottom:20px;color:var(--color-black);text-align:center}.projectsPageDescription{font-size:18px;color:var(--color-gray-text);margin-bottom:50px;text-align:center;font-weight:300}.projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.projectCard{background-color:var(--color-white);border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.projectCard:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.projectsPageImageContainer{width:100%;height:200px;overflow:hidden}.projectsPageImage{width:100%;height:100%;object-fit:cover}.projectDetails{padding:20px}.projectTitle{font-size:24px;font-weight:700;color:var(--color-black)}.projectCategory{font-size:16px;color:var(--color-gray-text);margin-bottom:10px;font-weight:300}.projectDescription{font-size:14px;color:var(--color-gray-text);margin-bottom:30px;font-weight:400}.buttonLink-projects:before{left:-8px;width:40px;height:40px}.buttonLink-projects:hover:before{width:115%}@media screen and (max-width: 768px){.projectsGrid{grid-template-columns:1fr}}.projectDetailsContainer{padding:50px 20px;animation:slideInBottom 1s ease-out forwards}.projectDetailsContent{max-width:1200px;margin:0 auto}.projectDetailsTitle{font-size:35px;font-weight:700;color:var(--color-black);text-align:center}.projectDetailsCategory{font-size:18px;color:var(--color-gray-text);margin-bottom:40px;text-align:center}.projectDetailsImageContainer{width:100%;height:650px;overflow:hidden;border-radius:10px;margin-bottom:30px;box-shadow:0 0 20px #00000043}.projectDetailsImage{width:100%;height:100%;object-fit:cover}.projectDetailsText{font-size:18px;font-weight:300;color:var(--color-black);line-height:1.6;margin-bottom:30px}.toolsAndTechnologies{margin-top:30px}.toolsAndTechnologiesTtile{font-size:20px;font-weight:700;color:var(--color-black);margin-bottom:10px}.toolsAndTechnologiesDesc{list-style-type:none;padding:0;margin:20px 0;font-weight:300;font-size:16px;color:var(--color-gray-text);line-height:1.6}.toolsAndTechnologies ul li{font-size:16px;color:var(--color-gray-text)}.projectButtons{display:flex;flex-direction:row;justify-content:space-between;margin-top:40px}@media screen and (max-width: 1200px){.projectDetailsContainer{padding:40px 15px}.projectDetailsImageContainer{height:550px}.projectDetailsTitle{font-size:32px}.projectDetailsText{font-size:17px}}@media screen and (max-width: 992px){.projectDetailsContainer{padding:30px 10px}.projectDetailsImageContainer{height:450px}.projectDetailsTitle{font-size:28px}.projectDetailsText{font-size:16px}.toolsAndTechnologiesDesc{font-size:15px}}@media screen and (max-width: 768px){.projectDetailsContainer{padding:20px 10px}.projectDetailsImageContainer{height:350px}.projectDetailsTitle{font-size:24px}.projectDetailsText{font-size:15px}.toolsAndTechnologiesDesc{font-size:14px}.projectButtons{flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width: 576px){.projectDetailsContainer{padding:15px 10px}.projectDetailsImageContainer{height:250px}.projectDetailsTitle{font-size:20px}.projectDetailsText{font-size:14px}.toolsAndTechnologiesDesc{font-size:13px}}.contactContainer{max-width:700px;margin:50px auto;text-align:left;animation:fadeIn 1s ease-in-out}.contactTitle{font-size:42px;font-weight:800;color:var(--color-black);margin-bottom:10px}.contactDescription{font-size:18px;color:var(--color-gray-text);font-weight:300;margin-bottom:30px;line-height:1.6}.contactForm{display:flex;flex-direction:column;gap:20px}.contactFormInput,.contactFormMessage{width:100%;padding:14px;font-size:18px;border:none;border-bottom:2px solid var(--color-gray-btns);outline:none;background:transparent;transition:border-color .3s ease}.contactFormInput:focus,.contactFormMessage:focus{border-bottom:2px solid var(--color-black)}.contactFormMessage{min-height:120px;resize:none}.contactBtn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--color-black);color:var(--color-white);padding:14px 24px;font-size:16px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s ease}.contactBtn:hover{background:#222}.contactBtn:after{content:"➤";font-size:18px;transition:transform .3s ease}.contactBtn:hover:after{transform:translate(5px)}.statusMessage{font-size:16px;font-weight:700;text-align:center;margin-bottom:15px;padding:10px;border-radius:8px;background:#0000001a}.statusMessage.success{color:var(--color-success);background:var(--color-success-bg)}.statusMessage.error{color:var(--color-error);background:var(--color-error-bg)}@media (max-width: 768px){.contactContainer{width:90%}.contactTitle{font-size:36px}.contactDescription{font-size:16px}}.notFoundContainer{display:flex;justify-content:center;align-items:center;height:100vh;position:relative;overflow:hidden;background-color:var(--color-white)}.notFoundBg{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background-image:url(/assets/404-img-B4HjTh7Q.jpg);background-size:contain;background-repeat:no-repeat;background-position:center center;align-items:flex-end}.homeLink{padding:15px 30px;background-color:var(--color-black);color:var(--color-white);font-size:18px;font-weight:300;text-decoration:none;border-radius:5px;transition:background-color .3s ease;z-index:1;margin-bottom:10px}.homeLink:hover{background-color:#333}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/assets/roboto-latin-100-BJNx9A77.woff2) format("woff2"),url(/assets/roboto-latin-100-B3mHgoOJ.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/assets/roboto-latin-100italic-DkGpOhj0.woff2) format("woff2"),url(/assets/roboto-latin-100italic-Bjs4D596.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/assets/roboto-latin-300-EvKWBL9d.woff2) format("woff2"),url(/assets/roboto-latin-300-Cx9SeV6m.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/assets/roboto-latin-300italic-CYatNKLh.woff2) format("woff2"),url(/assets/roboto-latin-300italic-Uxw9HR3T.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/assets/roboto-latin-400-CEEi-WbQ.woff2) format("woff2"),url(/assets/roboto-latin-400-CKhRtUFO.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/assets/roboto-latin-400italic-DRWWNyaf.woff2) format("woff2"),url(/assets/roboto-latin-400italic-B7WW6HdJ.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/assets/roboto-latin-500-DRg8azjQ.woff2) format("woff2"),url(/assets/roboto-latin-500-BU-otfqs.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/assets/roboto-latin-500italic-CAWXcheQ.woff2) format("woff2"),url(/assets/roboto-latin-500italic-DC3lxgcN.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/assets/roboto-latin-700-CqGedB_1.woff2) format("woff2"),url(/assets/roboto-latin-700-CCwTn0--.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/assets/roboto-latin-700italic-C5p_YAqY.woff2) format("woff2"),url(/assets/roboto-latin-700italic-DXbHVVaQ.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/assets/roboto-latin-900-BEowQPyJ.woff2) format("woff2"),url(/assets/roboto-latin-900-Blac3EU0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/assets/roboto-latin-900italic-DBp_g5Ww.woff2) format("woff2"),url(/assets/roboto-latin-900italic-uSnr6All.woff) format("woff")}