@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--font-courier: "Courier Prime", monospace;--font-roboto: "Roboto", "roboto";--color-green: #70ff00;--color-white: #f2f2f2;--color-dark: #161616;--color-grey: #4f4f4f;--bp-1400px: "87.5em";--bp-500px: 31.25em}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 87.5em){html{font-size:55%}}@media only screen and (max-width: 50em){html{font-size:45%}}@media only screen and (max-width: 31.25em){html{font-size:40%}}body{font-family:var(--font-roboto);color:var(--color-white);font-weight:400;line-height:2.4rem;size:1.4rem;padding:0;margin:0 auto}body ::selection{background-color:var(--color-green);color:#000}.section__header{font-size:4.9rem;font-weight:700;line-height:5.74rem;text-align:left;margin-bottom:3.6rem}.section__header--green{color:var(--color-green)}.section__header-divz{font-size:4.9rem;font-weight:700;line-height:5.74rem;text-align:left}.section__header-divz--green{color:var(--color-green)}.companies{background-color:#161616;display:flex;flex-direction:column;align-items:center}.companies__wrapper{max-width:1440px}.companies__header{padding:5.7rem 0 0;margin-bottom:2.6rem}@media only screen and (max-width: 700px){.companies__header{padding:3rem 0 0 3rem;margin-bottom:1rem}}.companies__grid-container{padding:3.9rem 0 5.6rem;display:grid;row-gap:1.3rem;grid-template-columns:1fr 1fr}@media only screen and (max-width: 1300px){.companies__grid-container{padding:3.9rem 10rem 5.6rem}}@media only screen and (max-width: 1200px){.companies__grid-container{padding:3.9rem 5rem 5.6rem}}@media only screen and (max-width: 1000px){.companies__grid-container{padding:3.9rem 3rem 5.6rem}}@media only screen and (max-width: 700px){.companies__grid-container{display:flex;flex-direction:column}}@media only screen and (max-width: 500px){.companies__grid-container{padding:3.9rem 1rem 5.6rem}}.companies__left{border-right:2px solid var(--color-green);padding:0 2rem}.companies__right{border-left:2px solid var(--color-green)}.companies__left,.companies__right{display:grid;grid-template-columns:max-content;row-gap:1.5rem;justify-content:center}.companies__companie-container--empty{height:30rem}@media only screen and (max-width: 700px){.companies__companie-container--empty{display:none}}.companie__container{width:47.5rem}@media only screen and (max-width: 1000px){.companie__container{width:40rem}}.companie__name{font-family:var(--font-roboto);font-size:3.9rem;font-weight:700;line-height:4.57rem;text-align:justify;color:var(--color-green);margin-bottom:.7rem}.companie__dates{font-family:var(--font-courier);font-size:2rem;font-weight:700;line-height:3.7rem;text-align:left;margin:.6rem}.companie__description{font-family:var(--font-roboto);font-size:2rem;font-weight:300;line-height:2.3rem;text-align:justify;margin-bottom:2.8rem}.companie__button-container{display:flex;justify-content:center}.companie__link{text-decoration:none;width:26.7rem;height:7rem;padding:2.1rem 0;font-family:var(--font-roboto);font-size:2.3rem;font-weight:700;line-height:2.7rem;text-align:center;background-color:transparent;border:3px solid var(--color-green);border-radius:1rem;transition:all .3s}.companie__link:active,.companie__link:visited{text-decoration:none;color:var(--color-white)}.companie__link:hover{background-color:#4f4f4f;border:none;color:var(--color-green);transform:translateY(-.5rem)}.companie__link:hover:active{transform:translateY(.2rem)}.hero__container{background:linear-gradient(to bottom right,#000,#373737);display:flex;align-items:center;flex-direction:column}.hero__main-content{height:100vh;max-width:1440px;padding-top:32rem}@media only screen and (max-width: 1200px){.hero__main-content{padding-top:12rem}}@media only screen and (max-width: 900px){.hero__main-content{height:auto;padding-top:5rem}}@media only screen and (max-width: 500px){.hero__main-content{padding-top:1rem}}.dev-presentation__container{padding:0 17.4rem 0 13.8rem;display:flex;justify-content:space-between}@media only screen and (max-width: 1600px){.dev-presentation__container{padding:0 12rem 0 11.5rem}}@media only screen and (max-width: 1450px){.dev-presentation__container{padding:0 7rem 0 8rem}}@media only screen and (max-width: 1250px){.dev-presentation__container{padding:0 5rem 0 6rem}}@media only screen and (max-width: 1000px){.dev-presentation__container{justify-content:space-around}}@media only screen and (max-width: 900px){.dev-presentation__container{justify-content:space-between;flex-direction:column;align-items:center;margin-bottom:10rem}}@media only screen and (max-width: 700px){.dev-presentation__container{margin-bottom:10rem}}@media only screen and (max-width: 900px){.dev-presentation__left{margin-bottom:3rem}}@media only screen and (max-width: 500px){.dev-presentation__left{margin-bottom:1rem}}.dev-presentation__salut{font-size:3.9rem;font-weight:700;line-height:4.5rem;text-align:left;color:#e0e0e0}.dev-presentation__name-container{margin-bottom:4rem}.dev-presentation__name{font-family:var(--font-courier);color:var(--color-green);display:flex;flex-direction:column;font-size:7.8rem;font-weight:700;line-height:9.1rem;letter-spacing:.1em;text-align:left;margin-bottom:2.5rem}@media only screen and (max-width: 1250px){.dev-presentation__name{font-size:6.5rem}}@media only screen and (max-width: 750px){.dev-presentation__name{font-size:8rem}}.dev-presentation__jump-efect{display:inline-block;transition:transform .1s ease-out}.dev-presentation__jump-efect:hover{transform:translateY(-10px)}.dev-presentation__anchor-left{margin-right:2rem}.dev-presentation__anchor-right{margin-left:2rem}.dev-presentation__rol{font-family:var(--font-courier);font-size:5.7rem;font-weight:700;line-height:6.68rem;text-align:left;overflow:hidden;white-space:nowrap;animation:typing 7s steps(25,end) infinite;border-right:2px solid;width:100%}@media only screen and (max-width: 1250px){.dev-presentation__rol{font-size:4.5rem}}@media only screen and (max-width: 750px){.dev-presentation__rol{font-size:6rem}}@media only screen and (max-width: 500px){.dev-presentation__rol{font-size:4rem}}.dev-presentation__rol:after{content:"";animation:blink-caret .75s infinite}@keyframes typing{0%{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}.dev-presentation__experience{display:flex;align-items:center}.dev-presentation__experience--years{margin-right:1.5rem}.dev-presentation__experience--years-number{font-size:8.6rem;font-weight:700;line-height:10rem;text-align:left;color:#4f4f4f}.dev-presentation__experience--description{display:flex;flex-direction:column}.dev-presentation__experience--text1,.dev-presentation__experience--text2{font-size:2.7rem;font-weight:400;line-height:3.1rem;text-align:left;color:#4c4c4c}.dev-presentation__img-wrapper{display:flex;align-items:center;justify-items:center}.dev-presentation__img-container{width:52.6rem;height:52.6rem;background-color:#2d2d2d;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 34px 2px #00000040;position:relative}@media only screen and (max-width: 1200px){.dev-presentation__img-container{width:45rem;height:45rem}}@media only screen and (max-width: 750px){.dev-presentation__img-container{width:52.6rem;height:52.6rem}}@media only screen and (max-width: 500px){.dev-presentation__img-container{width:40rem;height:40rem;background-color:transparent}}.dev-presentation__img{width:35rem}.dev-presentation__bubble-container{position:absolute}.dev-presentation__bubble-container--react{top:63%;left:2%}.dev-presentation__bubble-container--typescript{top:75%;right:10%}.dev-presentation__bubble-container--node{top:20%;right:0%}.dev-presentation__mini-bubble-container{position:absolute}.dev-presentation__mini-bubble-container--one{top:15%;left:0%}.dev-presentation__mini-bubble-container--two{top:-5%;right:0%;box-shadow:0 4px 4px 5px #00000040;border-radius:50%}.dev-presentation__mini-bubble-container--three{top:60%;right:-6%}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(20px)}to{transform:translateY(0) translate(0)}}.dev-presentation__bubble-container,.dev-presentation__mini-bubble-container{position:absolute;animation:float 5s infinite}.bubble__container{width:100%;background-color:#333;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 4px 4px 5px #0000000f}@media only screen and (max-width: 1000px){.bubble__container{background-color:transparent}}.mini-bubble__container{display:flex;justify-content:center;align-items:center;border-radius:50%}.about-me{display:flex;align-items:center;flex-direction:column}.about-me__container{padding:0 0 14.4rem;display:flex;justify-content:space-evenly;grid-template-columns:76.3rem,57rem;column-gap:11.3rem;max-width:1440px}@media only screen and (max-width: 1650px){.about-me__container{padding:0 13rem 23rem 10rem}}@media only screen and (max-width: 1600px){.about-me__container{padding:0 13rem 23rem 7rem;column-gap:7rem;justify-content:space-between}}@media only screen and (max-width: 1300px){.about-me__container{padding:0 8rem 23rem;column-gap:2rem}}@media only screen and (max-width: 1000px){.about-me__container{padding:0 5rem 23rem;column-gap:2rem}}@media only screen and (max-width: 900px){.about-me__container{flex-direction:column;align-items:center;padding:0 10rem 23rem}}@media only screen and (max-width: 700px){.about-me__container{padding:0 7rem 23rem}}@media only screen and (max-width: 900px){.about-me__left{margin-bottom:5rem}}.about-me__header{font-size:4.9rem;font-weight:700;line-height:5.74rem;text-align:left;margin-bottom:3.6rem}.about-me__header--green{color:var(--color-green)}.about-me__text{font-size:2.9rem;font-weight:400;line-height:3.4rem;text-align:justify}.about-me__right{grid-column:2/3;display:flex;justify-content:flex-end;align-items:flex-start}@media only screen and (max-width: 1500px){.about-me__right{align-items:center}}@media only screen and (max-width: 900px){.about-me__right{justify-content:center;width:100%}}.about-me__speciality-container{width:57rem;margin-top:3.2rem}@media only screen and (max-width: 1400px){.about-me__speciality-container{display:flex;flex-direction:column;align-items:flex-end}}@media only screen and (max-width: 900px){.about-me__speciality-container{align-items:center}}@media only screen and (max-width: 600px){.about-me__speciality-container{width:auto}}.about-me__speciality-box{width:57rem;height:13.7rem;background-color:#4f4f4f;padding:3.2rem 3.5rem 2.1rem 3.6rem;border-radius:4px;box-shadow:0 4px 10px 5px #00000040;display:flex;align-items:center;justify-content:space-between;column-gap:4.6rem;margin-bottom:.9rem}@media only screen and (max-width: 1400px){.about-me__speciality-box{width:50rem;column-gap:0}}@media only screen and (max-width: 700px){.about-me__speciality-box{width:100%}}.about-me__speciality-description-container{display:flex;flex-direction:column}.about-me__speciality-description-header{font-family:var(--font-courier);font-size:3.3rem;font-weight:700;line-height:3.7rem;text-align:left;color:#fff;margin-bottom:1.9rem}.about-me__speciality-description-projects{font-family:var(--font-courier);font-size:2.5rem;font-weight:400;line-height:2.8rem;text-align:left;text-decoration:underline;color:var(--color-green);cursor:pointer}.about-me__speciality-anchors-container{cursor:pointer;width:4.4rem;height:3.8rem}@media only screen and (max-width: 700px){.about-me__speciality-anchors-container{width:3rem;height:2.8rem}}.projects{height:0;background:linear-gradient(to bottom right,#141414,#404040)}.projects__divz{height:100vh;background:linear-gradient(to bottom right,#141414,#404040)}.projects__header{padding-top:11.4rem;padding-left:14.1rem;margin-bottom:8.2rem}.projects__header-divz{padding-top:3rem;padding-left:14.1rem;z-index:10000;position:absolute}.projects__carousel-container{height:0;z-index:-1000;display:none}.divz__background{width:100%;height:100%;opacity:0;background-color:red!important}.divz__divz-container{z-index:1000}.divz__project-container{background-color:var(--color-white);width:80%!important;height:55%!important;color:var(--color-grey);text-align:center}.divz__video-container{width:100%;height:100%;object-fit:cover;background-repeat:none}.divz-item>*{background-color:transparent!important;border:none!important}.divz-nav-buttons{border-color:#fafafa4d!important;background-color:#0a0a0a80!important;padding:1rem .5rem!important;height:160px!important}.divz-button.left-align{fill:#fafafa99!important}.divz-button.dark-mode{border-color:#fafafa4d;background-color:#0a0a0a99;width:5rem!important;height:5rem!important}.divz-next,.divz-prev{color:#fafafa!important}.background{position:fixed;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;opacity:0;transition:all}video.background{animation:fade-in 2s .2s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:.5}}@media only screen and (max-width: 1000px){.divz-item .selected .dark-mode{transform:translateZ(200px)!important}}.divz-item>* img,.divz-item>* video{object-fit:scale-down!important}.skills__container-wrapper{max-width:1440px}.skills__container{display:flex;align-items:center;flex-direction:column;background-color:#161616;padding:5rem 0 11.8rem}@media only screen and (max-width: 500px){.skills__container{padding:5rem 3rem 11.8rem}}.skills__header{padding-left:2.3rem;margin-bottom:13rem}.skills__icons-container{display:flex;gap:5.4rem;flex-wrap:wrap;justify-content:center}.skills__icon-container{width:12.8rem;height:12.8rem;display:flex;justify-content:center;align-items:center}.portfolio{height:100vh}.resume-page{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:4rem 2rem;min-height:100vh;background-color:var(--color-black, #000);color:var(--color-white, #fff)}.resume-page__tittle-wrapper{display:flex;gap:3rem}.resume-page__title{font-size:4rem;font-weight:700;text-align:center}.resume-page__title__download-button{cursor:pointer}.resume-page__viewer{width:100%;max-width:90rem;flex:1}.resume-page__iframe{width:100%;height:80vh;border:none;border-radius:1rem;box-shadow:0 1.5rem 4rem #00000059}.resume-page__download{font-size:2rem;font-weight:600;color:var(--color-green, #3cff8b);text-decoration:none}.resume-page__download:visited,.resume-page__download:active{color:var(--color-green, #3cff8b)}.navbar__container{background:#000;height:10rem;display:flex;justify-content:space-between;align-items:center;padding:2rem 6.5rem 2rem 9.5rem}@media only screen and (max-width: 1400px){.navbar__container{padding:2rem 3.5rem 2rem 6.5rem}}@media only screen and (max-width: 900px){.navbar__container{padding:2rem 3.5rem}}@media only screen and (max-width: 700px){.navbar__container{padding:2rem;justify-content:space-between}}.navbar__dev-name{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.navbar__dev-name:link,.navbar__dev-name:visited,.navbar__dev-name:hover,.navbar__dev-name:active{text-decoration:none;color:inherit}.navbar__dev-name:focus-visible{outline:2px solid var(--color-green);outline-offset:4px}.navbar__dev-name--span-left{font-size:5rem;font-weight:700;line-height:5.85rem;text-align:left;color:var(--color-grey)}@media only screen and (max-width: 900px){.navbar__dev-name--span-left{font-size:4rem}}.navbar__dev-name--span-right{font-size:5rem;font-weight:700;line-height:5.85rem;text-align:left;color:var(--color-white)}@media only screen and (max-width: 900px){.navbar__dev-name--span-right{font-size:4rem}}.navbar__sections{display:flex;gap:5rem;list-style-type:none;font-size:2.6rem;font-weight:700;line-height:3rem;text-align:left;color:#fff}@media only screen and (max-width: 1200px){.navbar__sections{gap:2.5rem}}@media only screen and (max-width: 600px){.navbar__sections{display:none}}.navbar__sections--section{cursor:pointer;text-decoration:none;color:#fff;background:none;border:none;font:inherit;padding:0;display:inline-flex}.navbar__sections--section:visited,.navbar__sections--section:active{text-decoration:none;color:#fff}.navbar__sections--section:focus{outline:2px solid var(--color-green);outline-offset:2px}.navbar__contact{display:flex;gap:4rem;font-size:2.6rem;font-weight:700;line-height:3rem;text-align:left;color:#fff}@media only screen and (max-width: 1200px){.navbar__contact{gap:2.5rem}}@media only screen and (max-width: 900px){.navbar__contact{display:none}}.navbar__contact--social-container{display:flex;gap:1.5rem;align-items:center;justify-content:center;cursor:pointer}.navbar__contact--mail-container{padding:1.5rem 4.1rem 1.5rem 2.3rem;border-radius:1rem;border:2px dashed var(--color-green)}.navbar__contact--social-label{text-decoration:none;color:#fff}.navbar__contact--social-label:active,.navbar__contact--social-label:visited{color:var(--color-white)}.navbar__contact--icon-container{width:3rem}.navbar__contact--social-link{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none}.navbar__contact--social-link:active,.navbar__contact--social-link:visited{color:var(--color-white)}.navbar__hamburguer-icon-container{width:5rem;height:5rem;display:none;cursor:pointer}@media only screen and (max-width: 900px){.navbar__hamburguer-icon-container{display:block}}.no-scroll{overflow:hidden!important}.nav-mobile{height:150vh;width:100%;opacity:1;visibility:visible;display:block;position:fixed;flex-direction:column;background-color:#000;z-index:10000}.nav-mobile__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-mobile__link-container{display:flex;justify-content:center;width:90%;text-decoration:none;color:#fff;margin-bottom:2rem}.nav-mobile__link-container:active,.nav-mobile__link-container:visited{color:var(--color-white)}.nav-mobile__social-container{display:grid;align-items:center;grid-template-columns:40% 60%;width:90%;height:10rem;gap:3rem;cursor:pointer;padding:1.5rem 4.1rem 1.5rem 2.3rem;border-radius:1rem;border:2px dashed var(--color-green)}.nav-mobile__icon-container{width:4rem;justify-self:flex-end}.nav-mobile__label{font-size:3rem;text-decoration:none;color:#fff}.nav-mobile__label:active,.nav-mobile__label:visited{color:var(--color-white)}