@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{font-size:16px}:root{--green-600:#16a34a;--box-shadow:0px 0px 20px var(--slate-100);--orange:#ff5733;--yellow:#ffc300;--green:#4caf50;--blue:#3498db;--my-picture--border-width:5px;--fixed-font-color:#f1f5f9;--slider-btn-05:#e2e8f080;--slider-btn:#e2e8f0;--fixed-icon-color:#1e293b;&,&.light-mode{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#dfe4eb;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#1f324e;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--lines-color:#0f172a;--sections-title-font-color:#16a34a}&.dark-mode{--slate-900:#f8fafc;--slate-800:#f1f5f9;--slate-700:#dfe4eb;--slate-600:#cbd5e1;--slate-500:#94a3b8;--slate-400:#64748b;--slate-300:#475569;--slate-200:#1f324e;--slate-100:#1e293b;--slate-50:#0f172a;--slate-950:#020617;--lines-color:#16a34a;--sections-title-font-color:#f1f5f9}}::selection{background:#16a34a;background:var(--green-600);color:var(--slate-50)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--slate-200)}::-webkit-scrollbar-thumb{background:var(--slate-700)}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}.app,body{background-color:var(--slate-100)}.app{color:var(--slate-800);display:flex;gap:2rem;margin:auto;max-width:2000px;padding:0 6rem;position:relative}.toggle-btn{align-items:center;border-radius:100px;display:flex;height:35px;justify-content:center;left:20px;position:absolute;top:20px;width:35px;z-index:1000}.theme-mode-icon{stroke:#16a34a;stroke:var(--green-600);fill:#16a34a;fill:var(--green-600);cursor:pointer;height:30px;width:30px}.theme-mode-icon:hover{scale:1.2}.aside-container{position:relative;width:fit-content}.aside{background-color:var(--slate-200);height:100vh;position:relative;width:18rem}.background-box{background-color:#16a34a;background-color:var(--green-600);bottom:2rem;left:-1rem;position:absolute;right:-1rem;top:2rem;z-index:0}.section1-image,.section2-contact-info{align-items:center;display:flex;height:50%;justify-content:center;width:100%}.section2-contact-info{background-color:var(--slate-950);clip-path:polygon(0 0,0 100%,100% 100%,100% 0,50% 2rem);flex-direction:column;gap:2rem;padding:3rem 0}.my-name-title{align-items:center;color:#f1f5f9;color:var(--fixed-font-color);display:flex;flex-direction:column;gap:.5rem}.my-name-title>h1{font-size:1.5rem;font-weight:600;line-height:1.2em}.typewriter{color:#16a34a;color:var(--green-600);display:block;font-size:1rem;font-weight:500;height:1.2em;line-height:1.2em;-webkit-user-select:none;user-select:none}.contact-icons-container{display:flex;gap:.3rem}.contact-icon{color:#f1f5f9;color:var(--fixed-font-color);cursor:pointer;font-size:2rem}.contact-icon:hover{color:#16a34a;color:var(--green-600)}.my-image-container{align-items:center;border:var(--my-picture--border-width) solid var(--slate-950);border-radius:50%;display:flex;height:calc(12rem + 20px);height:calc(12rem + var(--my-picture--border-width)*4);justify-content:center;width:calc(12rem + 20px);width:calc(12rem + var(--my-picture--border-width)*4)}.my-image{border-radius:50%;-webkit-user-select:none;user-select:none;width:12rem}.main{flex-direction:column;height:100vh;width:100%}.main,.nav-bar-container{background-color:var(--slate-200);display:flex}.nav-bar-container{justify-content:center;padding:1rem;position:relative}.nav-bar-container:after{background:linear-gradient(90deg,#fff0 10%,var(--lines-color) 50%,#fff0 90%);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.nav-list{background-color:var(--slate-100);border-radius:200px;box-shadow:0 0 20px var(--slate-100);box-shadow:var(--box-shadow);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;list-style:none;padding:6px}.nav-item{border-radius:calc(12px + 1rem);color:var(--slate-600);cursor:pointer;padding:6px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:6rem}.nav-item:hover{background-color:var(--slate-200)}.active,.active:hover{background-color:#16a34a;background-color:var(--green-600);color:#f1f5f9;color:var(--fixed-font-color);font-weight:600;text-transform:uppercase}.main-content-container{flex-grow:1;overflow-y:scroll;position:relative;width:100%}.secion-container{padding:2rem;width:100%}.section-title{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;position:relative;-webkit-user-select:none;user-select:none}.section-icons{fill:var(--lines-color);width:20px}.section-title>h2{color:var(--sections-title-font-color);font-size:1.3rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.section-title:after{background:linear-gradient(90deg,var(--lines-color) 0,#fff0 60%);bottom:0;content:"";height:2px;position:absolute;width:100%}.sub-title-container{display:flex;justify-content:center;padding:2rem 0}.sub-title-container>h3{color:var(--sections-title-font-color);font-weight:500;padding:.4rem 1rem;position:relative;text-transform:capitalize}.sub-title-container>h3:before{background:linear-gradient(90deg,#fff0 0,var(--lines-color) 50%,#fff0 100%);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.about-section-container{display:flex}.about-description,.about-personal-info-container{flex:1 1}.about-description{font-size:.9rem;padding-right:1.5rem;position:relative;text-align:justify}.about-description:after{background:linear-gradient(0deg,#fff0 0,var(--lines-color) 50%,#fff0 100%);bottom:0;content:"";height:100%;position:absolute;right:0;width:1px}.about-personal-info-container{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding-left:1.5rem}.about-info{align-items:center;display:flex;font-size:.85rem;gap:1rem}.about-info span:first-child{background-color:#16a34a;background-color:var(--green-600);border-radius:6px;color:#f1f5f9;color:var(--fixed-font-color);padding:.2rem .5rem}.about-my-services-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.service-card{background-color:var(--slate-100);border-radius:15px;box-shadow:0 0 20px var(--slate-100);box-shadow:var(--box-shadow);flex-grow:1;max-width:21rem;padding:1rem}.service-card,.service-card-head{display:flex;flex-direction:column;gap:1rem}.service-card-head{align-items:center;justify-content:center}.service-card-head>h4{color:#16a34a;color:var(--green-600);font-size:1rem;font-weight:600}.service-card-content{font-size:.85rem}.service-card-content ul{line-height:1.5rem;list-style:none}.skills-tech-icons{width:2.4rem}.skill-cards-container{flex-wrap:wrap}.skill-card,.skill-cards-container{display:flex;gap:1rem;justify-content:center}.skill-card{align-items:center;background-color:var(--slate-100);border-radius:10px;box-shadow:0 0 20px var(--slate-100);box-shadow:var(--box-shadow);padding:.6rem .8rem}.skill-card svg{height:36px;width:36px}.skill-card>div{align-items:center;display:flex;flex-direction:column;gap:.5rem}.skill-card-title{text-wrap:nowrap;font-size:.8rem;font-weight:500;text-transform:capitalize}.skill-level-advanced,.skill-level-beginner,.skill-level-expert,.skill-level-intermediate{align-items:center;background-color:#ff5733;background-color:var(--orange);border-radius:1rem;color:var(--slate-100);display:block;display:flex;font-size:12px;font-weight:600;height:1.4rem;justify-content:center;-webkit-user-select:none;user-select:none;width:1.4rem}.skill-level-advanced{background-color:#ffc300;background-color:var(--yellow)}.skill-level-intermediate{background-color:#4caf50;background-color:var(--green)}.skill-level-beginner{background-color:#3498db;background-color:var(--blue)}.skill-level-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.card-level-bar{align-items:center;background-color:var(--slate-100);border-radius:50px;box-shadow:0 0 20px var(--slate-100);box-shadow:var(--box-shadow);display:flex;font-weight:600;gap:.8rem;padding:.4rem 1rem .4rem .4rem}.timeline-list-container{align-items:center;display:flex;flex-direction:column;list-style:none;padding:0 3rem}.timeline-item-level-container{border-left:4px solid var(--lines-color);max-width:40rem;padding-bottom:1rem;padding-left:2rem;position:relative}.timeline-item-icon{align-items:center;background-color:var(--lines-color);border-radius:50%;display:flex;height:30px;justify-content:center;left:-17px;position:absolute;top:30px;width:30px}.timeline-item-icon>svg{fill:#f1f5f9;fill:var(--fixed-font-color);width:16px}.timeline-item-level{align-items:center;background-color:var(--slate-100);border-radius:10px;box-shadow:0 0 20px var(--slate-100);box-shadow:var(--box-shadow);display:flex;gap:1.5rem;padding:1rem 1.5rem}.timeline-item-info{display:flex;flex-direction:column;gap:.8rem}.timeline-item-info>h4{font-size:1rem;font-weight:600}.card-item-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.card-item-tags>span{text-wrap:nowrap;background-color:#16a34a;background-color:var(--green-600);border-radius:6px;color:#f1f5f9;color:var(--fixed-font-color);font-size:.8rem;padding:.2rem .6rem}.timeline-item-info>p{font-size:.85rem}.timeline-li-img{border-radius:50%;height:70px;width:70px}.certificates-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.certificate-preview{background-color:var(--slate-100);border:2px solid var(--lines-color);box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:.5rem}.certificate-preview a{align-items:center;color:var(--slate-700);display:flex;font-size:.8rem;gap:.2rem;justify-content:center;text-decoration:none}.certificate-preview-img{box-sizing:border-box;cursor:pointer;height:170px;width:220px}.certificate-preview:hover{background-color:var(--slate-200);scale:1.1}.certificate-img-modal{max-height:80vh;max-width:700px}.project-card-image-container{aspect-ratio:10/4;flex-grow:0;flex-shrink:0;max-width:1200px;width:100%}.image-slider-container{height:100%;position:relative;width:100%}.slider-wrapper{display:flex;height:100%;overflow:hidden;width:100%}.project-img-backgrounds{cursor:zoom-in;display:block;flex-grow:0;flex-shrink:0;height:100%;object-fit:contain;transition:translate .3s ease-in-out;width:100%}.img-slider-btn{all:unset;background-color:#e2e8f080;background-color:var(--slider-btn-05);bottom:5px;cursor:pointer;display:block;padding:4px;position:absolute;top:5px;transition:background-color .2s ease-in-out}.img-slider-btn:focus-visible,.img-slider-btn:hover{background-color:#e2e8f0;background-color:var(--slider-btn)}.img-slider-btn>*{fill:#1e293b;fill:var(--fixed-icon-color);scale:1.5}.img-slider-btn:focus-visible>*,.img-slider-btn:hover>*{scale:2}.img-slider-index-btns-container{bottom:-30px;display:flex;gap:.6rem;left:50%;position:absolute;translate:-50%}.img-slider-index-btns-container>button{all:unset;cursor:pointer;transition:scale .2s ease-in-out}.img-slider-index-btns-container>button>*{fill:var(--slate-800);scale:1.6}.img-slider-index-btns-container>button:focus-visible>*,.img-slider-index-btns-container>button:hover>*{scale:2}.non-active-img-dot{fill:var(--slate-800)!important}.img-slider-btn:focus-visible,.img-slider-index-btns-container>button:focus-visible>*{outline:2px solid var(--slate-800)}.projects-cards-container{align-items:center;justify-content:center;width:100%}.project-card,.projects-cards-container{display:flex;flex-direction:column;gap:2rem}.project-card{background-color:var(--slate-100);box-shadow:0 0 20px var(--slate-100);box-shadow:var(--box-shadow);width:65%}.project-card-info{flex-direction:column;padding:0 1.5rem 1.5rem}.project-card-info,.project-card-links-container{display:flex;gap:1rem}.project-card-links-container a{align-items:center;background-color:var(--slate-800);border-radius:10px;color:var(--slate-200);display:flex;font-size:.85rem;gap:.5rem;padding:.4rem .6rem;text-decoration:none}.project-card-links-container a:hover{background-color:#16a34a;background-color:var(--green-600)}.project-card-links-container a svg{height:1rem;width:1rem}.project-img-modal{max-width:1000px}.project-card-description{display:flex;flex-direction:column;font-size:.9rem;gap:1rem}.private-project{color:#ff5733;color:var(--orange);font-weight:500}.projects-filter-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem}.projects-filter-container>p{font-feature-settings:"tnum";color:#16a34a;color:var(--green-600);font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:600}.projects-filter-btns{display:flex;gap:1.5rem;justify-content:center}.projects-filter-btns>button{all:unset;cursor:pointer;font-size:1rem;font-weight:500}.projects-filter-btns>button:hover{color:var(--slate-600)}.project-filter-active{color:#16a34a!important;color:var(--green-600)!important;font-weight:700!important}.project-skills-container{display:flex;overflow-x:scroll;-webkit-user-select:none;user-select:none}.styled-modal{display:flex;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.overlay-modal,.styled-modal{position:fixed;transition:all .5s}.overlay-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;height:100vh;left:0;top:0;width:100%;z-index:1000}.close-modal-btn{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;padding:.4rem;position:absolute;right:2rem;top:1rem;transform:translateX(.8rem);transition:all .2s;& svg{fill:var(--slate-900);height:2.4rem;width:2.4rem}}.footer-container{padding:0 2rem 2rem;position:relative}.footer-row{border-top:2px solid var(--lines-color);display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;padding-top:2rem}.footer-container h4{font-weight:600}.footer-script{display:flex;flex-direction:column;gap:1rem;max-width:22rem}.footer-script>p{font-size:.8rem}.get-in-touch{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.copyright-container{border-top:1px solid var(--slate-500);font-size:.7rem;padding-top:1rem;text-align:center}.footer-personal-info{display:flex;flex-direction:column;gap:.5rem}.footer-personal-info>p{align-items:center;display:flex;font-size:.8rem;gap:1rem}.footer-personal-info>p>svg{color:#16a34a;color:var(--green-600);font-size:1rem}.not-found-page-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 0;width:100%}.embla{margin:auto;max-width:420px}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.embla__container>*{flex:0 0 auto;min-width:0;transform:translateZ(0)}@media (min-width:1400px){html{font-size:18px}.aside{width:22rem}}@media (max-height:550px){.aside,.main{height:700px}}@media (min-height:900px){.app{align-items:center;display:flex;height:100vh;padding:4rem 6rem}.aside,.main{height:900px}}@media (max-width:1200px){.about-section-container{flex-direction:column;gap:2rem;padding:0 2rem}.about-description{font-size:1em;padding:0;text-align:left}.about-description:after{background:linear-gradient(90deg,#fff0 0,var(--lines-color) 50%,#fff0 100%);bottom:-1rem;height:1px;left:0;width:100%}.about-personal-info-container{margin:0;padding:0}.projects-cards-container{padding:3rem}.project-card{width:100%}.timeline-list-container{align-items:center;padding:0 0 0 .4rem}.timeline-item-level-container{padding-left:1.4rem;width:100%}.footer-row{align-items:start;flex-direction:column;gap:1.5rem;justify-content:start;padding-top:1.5rem}.footer-script{max-width:none}}@media (max-width:1024px){html{font-size:16px}.app{align-items:center;flex-direction:column;gap:1.5rem;padding:1rem}.aside-container{width:75%}.aside{height:auto;width:100%}.section1-image{padding:3rem 0}.section2-contact-info{padding:5rem 0}.background-box{left:-.5rem;right:-.5rem}.main{height:auto;width:75%}.nav-bar-container{padding:1rem 2rem;position:sticky;top:0;z-index:999}.nav-list{background-color:initial;box-shadow:none;flex-wrap:wrap;font-size:.8rem;justify-content:center;width:100%}.nav-item{background-color:var(--slate-100);width:6rem}.nav-item:hover{background-color:var(--slate-300)}.active,.active:hover{background-color:#16a34a;background-color:var(--green-600);color:#f1f5f9;color:var(--fixed-font-color);font-weight:600;text-transform:uppercase}.secion-container{padding:2rem}.section-icons{width:20px}.section-title>h2{font-size:1.3rem}.sub-title-container>h3{font-size:1rem}.about-section-container{flex-direction:column;gap:2rem;padding:0}.about-description{font-size:1em;padding:0;text-align:left}.about-description:after{background:linear-gradient(90deg,#fff0 0,var(--lines-color) 50%,#fff0 100%);bottom:-1rem;height:1px;left:0;width:100%}.about-personal-info-container{margin:auto;padding:0}.about-info{font-size:.85rem}.about-my-services-container{gap:2rem}.service-card{width:100%}.service-card-head>h4{font-size:1rem}.service-card-content{font-size:.85rem}.skill-cards-container{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.skill-level-bar{gap:.5rem}.card-level-bar{font-size:.85rem;gap:.8rem}.timeline-list-container{align-items:center;padding:0 2 0 2.4rem}.timeline-item-level-container{padding-left:1.4rem;width:100%}.timeline-item-level{flex-direction:column;gap:1.5rem;padding:.8rem}.card-item-tags{gap:.5rem}.card-item-tags>span{font-size:.75rem}.projects-cards-container{gap:1.5rem;padding:2rem}.project-card{width:100%}.project-card-info{padding:0 1.5rem 1.5rem}.projects-filter-btns{flex-wrap:wrap;gap:1rem}.projects-filter-btns>button{text-wrap:nowrap;font-size:.9rem}.styled-modal{padding:.5rem;width:100%}.styled-modal img{width:100%}.footer-container{padding:0 2rem 2rem}.footer-row{align-items:start;flex-direction:column;gap:1.5rem;justify-content:start;padding-top:1.5rem}.footer-script,.get-in-touch{gap:.5rem}.embla{margin:auto;max-width:90%}}@media (max-width:768px){.nav-bar-container{padding:.5rem}.secion-container{padding:1.5rem}.section-icons{width:18px}.section-title>h2{font-size:1.2rem}.about-description{font-size:.9rem}.about-info{font-size:.8rem}.about-my-services-container{gap:1.5rem}.timeline-list-container{padding:0 0 0 .4rem}.projects-cards-container{padding:0}.footer-container{padding:0 1.5rem 1.5rem}}@media (max-width:500px){.app{gap:1rem}.aside-container,.main{width:100%}.nav-list{font-size:.7rem}.nav-item{width:5.5rem}.secion-container{padding:1rem}.about-my-services-container{gap:1rem}.service-card-head>h4{font-size:.95rem}.service-card-content{font-size:.8rem}.timeline-list-container{align-items:start}.projects-cards-container,.timeline-item-level{gap:1rem}.project-card-info{padding:0 1rem 1rem}.footer-row{padding-top:1rem}}
/*# sourceMappingURL=main.e9cb72fc.css.map*/