.pageStyle{display:flex;align-items:center;justify-content:space-between;height:100%}.pageStyle .left{flex:1;padding-top:5rem;height:100%}.pageStyle .right{padding-top:5rem;flex:1}@media only screen and (max-width: 576px){.pageStyle{flex-direction:column;align-items:flex-start}.pageStyle .left{padding-top:3rem}.pageStyle .right{flex:2;padding-top:3rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100vh;color:#fef7ed;background-color:#222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:2.2rem;line-height:1.1}@media only screen and (max-width: 992px){h1{font-size:2rem;line-height:1.1}}@media only screen and (max-width: 768px){h1{font-size:1.8rem;line-height:1.1}}@media only screen and (max-width: 576px){h1{font-size:1.5rem;line-height:1.1}}a{color:inherit;font-weight:500;text-decoration:inherit}button{color:#fef7ed;background-color:transparent;border-radius:50px;border-width:2px;border-style:solid;padding:.5em 1.2em;font-size:1rem;cursor:pointer}.rootLayout{display:flex;flex-direction:column;padding:4rem 14rem;height:100vh;min-height:100vh}@media only screen and (max-width: 992px){.rootLayout{padding:3rem 8rem}}@media only screen and (max-width: 576px){.rootLayout{padding:2rem 1rem;height:-moz-fit-content;height:fit-content}}@media only screen and (max-width: 390px){.rootLayout{padding:1.8rem .8rem}}.header{width:100%;display:flex;justify-content:space-between;align-items:center}.header ul{list-style:none;display:flex;gap:2.5rem}.header ul li .active-link{color:#6a957b;font-weight:600}.logo a{font-size:1.5rem;font-weight:800}.logo a:hover{color:inherit}.home .trilingual{font-weight:700;margin-bottom:1rem;animation:fadeIn 1s ease forwards;opacity:0}.home p{margin-bottom:5rem}.home .cta{border:1px solid #ffbe1a;border-radius:25px;color:#ffbe1a;width:-moz-fit-content;width:fit-content;padding:.5rem .8rem}.home .cta:hover{background-color:#ffbe1a4d;color:#fef7ed}.home .cta:focus{background-color:#ffbe1a;color:#222}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.izao{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:3rem}.izao .buttons{display:flex;flex-direction:column;gap:2rem;width:-moz-fit-content;width:fit-content;white-space:nowrap}.izao .buttons a{border-radius:50px;padding:.5em 1.2em;text-decoration:none;transition:all .3s ease;text-align:center}.izao .buttons a.code{border:1px solid #6a957b;color:#6a957b}.izao .buttons a.code:hover{background-color:#6a957b4d;color:#fef7ed}.izao .buttons a.code.active{background-color:#6a957b;color:#fef7ed}.izao .buttons a.design{border:1px solid #ff7676;color:#ff7676}.izao .buttons a.design:hover{background-color:#bb3d3c4d;color:#fef7ed}.izao .buttons a.design.active{background-color:#ff7676;color:#fef7ed}.izao .buttons a.manage{border:1px solid #ffbe1a;color:#ffbe1a}.izao .buttons a.manage:hover{background-color:#ffbe1a4d;color:#fef7ed}.izao .buttons a.manage.active{background-color:#ffbe1a;color:#222}@media only screen and (max-width: 576px){.izao{width:100%;justify-content:flex-start;gap:2rem}.izao .buttons{flex-direction:row;justify-content:space-between;gap:1rem}.izao .buttons a{font-size:.9rem;padding:.4rem 1rem}}.socials{display:flex;gap:1rem}.portfolio .right{width:100%;height:100%}@media only screen and (max-width: 576px){.portfolio .left{display:none}}.projectInfo{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:3rem}.projectInfo p{width:70%}.projectPortfolio{height:100%;display:flex;flex-direction:column;gap:3rem;overflow-x:hidden}.projectPortfolio .projectFilters{max-width:100%;display:flex;gap:2rem;overflow-x:scroll;min-height:-moz-fit-content;min-height:fit-content;scrollbar-width:none;-ms-overflow-style:none}.projectPortfolio .projectFilters .pFilter{background-color:#6a957b;opacity:.7;border:none;transition:opacity .3s ease;white-space:nowrap}.projectPortfolio .projectFilters .pFilter:hover,.projectPortfolio .projectFilters .pFilter.active{opacity:1}.projectPortfolio .projectFilters::-webkit-scrollbar{display:none}.projectPortfolio .projects{max-width:100%;display:flex;flex-wrap:wrap;gap:1.5rem;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#ffbe1a #e6e6e6}.projectPortfolio .projects::-webkit-scrollbar{width:8px;height:8px}.projectPortfolio .projects::-webkit-scrollbar-track{background:#e6e6e6;border-radius:10px}.projectPortfolio .projects::-webkit-scrollbar-thumb{background-color:#6a957b;border-radius:10px;border:2px solid #e6e6e6}.projectPortfolio .projects::-webkit-scrollbar-thumb:hover{background-color:#ff4343}@media only screen and (max-width: 576px){.projectPortfolio .projectFilters{gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.projectPortfolio .projectFilters .pFilter{font-size:.9rem}.projectPortfolio .projectFilters::-webkit-scrollbar{display:none}.projectPortfolio .projects{gap:.6rem;justify-content:space-between}}.ProjectCard{position:relative;width:45%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;cursor:pointer}.ProjectCard:hover .overlay{transform:translateY(0)}.ProjectCard img{width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1}.ProjectCard .overlay{display:flex;align-items:flex-end;width:100%;height:100%;position:absolute;transform:translateY(100%);padding:1rem;background:linear-gradient(to top,#000000b3,#0000);transition:transform .3s ease}.ProjectCard .cardInfo h3{font-size:1rem}.ProjectCard .cardInfo ul{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none}.ProjectCard .cardInfo ul li{font-size:.8rem;font-weight:600;border-radius:25px;padding:3px 16px;background-color:#fbbe1a80}@media only screen and (max-width: 576px){.ProjectCard{width:calc(50% - .5rem)}.ProjectCard .overlay{width:100%;height:-moz-fit-content;height:fit-content;transform:translateY(0);bottom:0;padding:.7rem;background:linear-gradient(to top,#fff,#ffffff80)}.ProjectCard .overlay .cardInfo h3{color:#222;font-size:.8rem}.ProjectCard .overlay .cardInfo ul{flex-wrap:nowrap;gap:.5rem}.ProjectCard .overlay .cardInfo ul li{color:#222;font-size:.6rem}}.contact{display:flex;align-items:flex-start}.contact .right{height:100%}@media only screen and (max-width: 576px){.contact .left{width:100%;display:flex;justify-content:center}}.contactMe{display:flex;flex-direction:column;height:100%;justify-content:space-around}.contactMe p{margin-bottom:1rem}@media only screen and (max-width: 576px){.contactMe{gap:0}}.contactInfo a{margin-right:1rem}.contactdetails{display:flex;flex-direction:column}.bizCard{display:flex;flex-direction:column;justify-content:space-around;gap:2rem;height:100%}.bizCard .frontSide{display:flex;flex-direction:column;justify-content:flex-end;background-color:#323232;aspect-ratio:1/1;width:-moz-fit-content;width:fit-content;padding:2rem;border-radius:25px;box-shadow:0 2px 4px #ffffff1f,0 0 0 1px #ffffff26;transition:all ease .3s;cursor:pointer}.bizCard .frontSide:hover{box-shadow:#ffffff1f 0 19px 38px,#ffffff26 0 15px 12px}.bizCard .frontSide h3{font-size:.9rem;margin-bottom:2rem}.bizCard .frontSide p{font-size:.9rem}.bizCard .backSide{display:flex;justify-content:center;align-items:center;background-color:#fef7ed;aspect-ratio:1/1;width:-moz-fit-content;width:fit-content;padding:2rem;border-radius:25px;box-shadow:0 2px 4px #ffffff1f,0 0 0 1px #ffffff26}.bizCard .backSide img{width:240px;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.bizCard button{border-color:#6a957b;margin-right:.5rem;cursor:pointer}.bizCard button:hover{background-color:#6a957b}@media only screen and (max-width: 576px){.bizCard,.bizCard .frontSide,.bizCard .backSide{width:100%}}.icode .right{display:flex;flex-direction:column;gap:3rem}.icode .right h2,.icode .right h3{color:#6a957b;margin-bottom:.5rem}.icode .right ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.icode .right ul li{background-color:#6a957b4d;border-radius:25px;padding:4px 12px;font-size:.9rem}.icode .right .buttons{display:flex;gap:1rem}.icode .right .cta{border:1px solid #6a957b;border-radius:25px;color:#6a957b;width:-moz-fit-content;width:fit-content;padding:.5rem .8rem}.icode .right .cta:hover{background-color:#6a957b4d;color:#fef7ed}.icode .right .cta:focus{background-color:#6a957b;color:#222}.idesign .right{display:flex;flex-direction:column;gap:3rem}.idesign .right h2,.idesign .right h3{color:#ff7676;margin-bottom:.5rem}.idesign .right ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.idesign .right ul li{background-color:#bb3d3c4d;border-radius:25px;padding:4px 12px;font-size:.9rem}.idesign .right .buttons{display:flex;gap:1rem}.idesign .right .cta{border:1px solid #ff7676;border-radius:25px;color:#ff7676;width:-moz-fit-content;width:fit-content;padding:.5rem .8rem}.idesign .right .cta:hover{background-color:#bb3d3c4d;color:#fef7ed}.idesign .right .cta:focus{background-color:#ff7676;color:#222}.imanage .right{display:flex;flex-direction:column;gap:3rem}.imanage .right h2,.imanage .right h3{color:#ffbe1a;margin-bottom:.5rem}.imanage .right ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.imanage .right ul li{background-color:#ffbe1a4d;border-radius:25px;padding:4px 12px;font-size:.9rem}.imanage .right .buttons{display:flex;gap:1rem}.imanage .right .cta{border:1px solid #ffbe1a;border-radius:25px;color:#ffbe1a;width:-moz-fit-content;width:fit-content;padding:.5rem .8rem}.imanage .right .cta:hover{background-color:#ffbe1a4d;color:#fef7ed}.imanage .right .cta:focus{background-color:#ffbe1a;color:#222}.businessCard{margin-top:5rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}.businessCard .circles{position:absolute;height:270px;width:450px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.businessCard .circles .circle{position:absolute;border-radius:50%}.businessCard .circles .circle-1{height:240px;width:240px;top:100px;left:-40px;background:linear-gradient(120deg,#ffbe1a,#ffbe1a8a)}.businessCard .circles .circle-2{height:180px;width:180px;bottom:100px;right:-20px;background:linear-gradient(120deg,#ffbe1a,#ffbe1a8a)}.businessCard .card .frontSide{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:1/1;width:-moz-fit-content;width:fit-content;padding:2rem;border-radius:25px;background:#ffffff1a;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 80px #00000040;transition:all ease .1s;cursor:pointer}.businessCard .card .frontSide:hover{box-shadow:#ffffff1f 0 19px 38px,#ffffff26 0 15px 12px}.businessCard .card .frontSide h3{font-size:.9rem;margin-bottom:2rem}.businessCard .card .frontSide p{font-size:.9rem}.businessCard .card .backSide{display:flex;justify-content:center;align-items:center;background-color:#fef7ed;aspect-ratio:1/1;width:-moz-fit-content;width:fit-content;padding:2rem;border-radius:25px;box-shadow:0 0 80px #00000040}.businessCard .card .backSide img{width:240px;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.businessCard .buttons{display:flex;gap:1rem}.businessCard .buttons button{border-color:#ffbe1a}.businessCard .buttons button:hover{background-color:#ffbe1a4d;color:#fef7ed}@media only screen and (max-width: 576px){.businessCard{margin-top:12rem}.businessCard .circles{width:380px}.businessCard .circles .circle-1{height:180px;width:180px;top:100px;left:10px}.businessCard .circles .circle-2{height:130px;width:130px;bottom:180px;right:10px}}@media only screen and (max-width: 390px){.businessCard{margin-top:5rem}.businessCard .circles{width:280px}.businessCard .circles .circle-1{height:180px;width:180px;top:130px;left:-40px}.businessCard .circles .circle-2{height:110px;width:110px;bottom:170px;right:-30px}}