@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Climate+Crisis&display=swap);.climate-crisis{font-family:Climate Crisis,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"YEAR" 1979;font-weight:400}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%}*{font-family:quicksand,sans-serif}.App{background-color:var(--backgroundColor);display:flex;transition:.5s ease}.Main{flex:1 1}.App .Content{margin:60px 80px 0;min-height:calc(100vh - 80px);padding:20px}.toObserve{opacity:0;transform:scale(.9) translateY(20px);transition:all .6s ease}.toObserve.visible{opacity:1;transform:scale(1) translateY(0)}@media screen and (max-width:768px){.App .Content{margin:60px 15px 0;min-height:calc(100vh - 80px);padding:20px}}.Sidebar{color:var(--linksFill);display:flex;flex-direction:column;height:100vh;justify-content:flex-end;width:80px;z-index:1}.Vertical-line{border-left:1px solid var(--linksFill);display:inline-block;height:25vh;margin:10px 0 0}ul{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none}li a{color:inherit;text-decoration:none}.Left{left:0;position:fixed;top:0}.sidebarLeft-icon{fill:var(--linksFill);display:block;height:20px;margin-top:20px;transition:.2s;width:20px}.sidebarLeft-icon:hover{scale:1.2;transition:.2s}.Right{position:fixed;right:0;top:0}li a{transform:rotate(180deg)}.mail{writing-mode:vertical-lr}@media screen and (max-width:768px){.Sidebar{display:none;width:60px}}.Header .ScrollY{background:linear-gradient(90deg,#00f260,#0575e6);height:2px;left:0;position:fixed;top:0;width:var(--scrollY);z-index:10}.Header .content{align-items:center;-webkit-backdrop-filter:blur(4px) saturate(150%);backdrop-filter:blur(4px) saturate(150%);display:flex;height:20vh;justify-content:space-between;max-height:80px;min-height:60px;position:fixed;width:100%;z-index:2}.Header .content img{border:none;border-radius:50%;height:60px;margin:25px;width:60px}.Header .content a{border:1px solid #fff;color:var(--titleColor);padding:7px 20px;text-decoration:none}.Header a.Resume:hover{background-color:var(--titleColor);color:var(--backgroundColor);transition:.2s ease-in-out}.Header .options{align-items:center;display:flex;justify-content:space-between;max-width:500px;min-width:200px;position:relative}.Header .Nav{height:200px;margin:auto;position:relative;width:200px}.Header .Menu{align-items:center;border:1px solid #000;border-radius:50%;display:flex;flex-direction:column;font-size:14px;justify-content:flex-end;left:80%;line-height:1;opacity:0;padding:10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center center;transition:transform .1s ease}.Header .Menu.active{opacity:1;transform:translate(-50%,-50%) scale(1)rotate(45deg)}.Header .Nav a:hover{background-color:var(--titleColor);color:var(--backgroundColor);font-family:poppins;font-weight:700;transition:.3s ease-in}.Header .Menu.skills{background:#222;height:410px;transition:.6s ease-in;width:410px;z-index:1}.Header .Menu.services{background:#666;height:290px;transition:.4s ease-in;width:290px;z-index:3}.Header .Menu.LifeJourney{background:#444;height:350px;transition:.5s ease-in;width:350px;z-index:2}.Header .Menu.projects{background:#888;height:230px;transition:.3s ease-in;width:230px;z-index:4}.Header .Menu.about{background:#aaa;height:170px;transition:.2s ease-in;width:170px;z-index:5}.Header .Menu.home{background:#ccc;height:100px;transition:.1s ease-in;width:100px;z-index:6}.Header .Burger{fill:var(--titleColor);border-radius:0;cursor:pointer;display:flex;height:30px;left:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease;width:30px;z-index:10}.Header .Burger.active{fill:#000;transform:translate(-50%,-50%) rotate(-60deg);transform-origin:center center;transition:transform .5s ease}@media screen and (max-width:768px){.Header .content{align-items:center;height:auto;padding:10px;transition:all 1s}.Header .content img{height:60px;margin:0;width:60px}.options{align-items:center}.Nav{width:100%}.Resume{font-size:15px;max-height:40px;text-align:center;translate:50px}.Resume span{display:none}}@media screen and (max-width:400px){.Resume{font-size:12px}}.PhoneHeader{display:none}@media screen and (max-width:768px){.PhoneHeader{align-items:center;bottom:0;display:flex;height:80px;justify-content:center;position:fixed;width:100vw}.PhoneHeader .Container{height:50px;justify-content:space-between;list-style:none;transition:.2s;width:90vw}.Mail,.PhoneHeader .Container,.PhoneHeader .Container .Socials{align-items:center;border-radius:100px;display:flex;padding:0 20px}.Mail,.PhoneHeader .Container .Socials{background-color:var(--linksFill);gap:20px;height:100%;justify-content:center}.PhoneLinks-icon{fill:var(--linksFill);fill:var(--backgroundColor);display:block;height:30px;transition:.2s;width:30px}.PhoneLinks-icon:hover{scale:1.2;transition:.3s}.PhoneHeader .Container .Mail .PhoneMail{fill:var(--backgroundColor);display:flex;height:30px;width:30px}.PhoneHeader .Container .Mail .PhoneMail:hover{scale:1.2;transition:.3s}}.Home{color:var(--titleColor);display:flex;flex-direction:column;height:100vh;justify-content:center}.Home div{margin:2% 0}.Home .hello,.domain,.name,.name div{font-family:Climate Crisis,sans-serif;font-variation-settings:"YEAR" 2023}.hello{font-size:60px;font-weight:700;padding-left:5%}.hello span{font-family:Climate Crisis,sans-serif;font-size:20px;font-weight:700}.name{align-items:center;display:flex;gap:20px;justify-content:flex-end;text-align:center}.name span{font-family:Climate Crisis,sans-serif;font-size:20px;font-weight:100}.name div{display:inline;font-size:70px;font-weight:700}.Home .Description{align-items:center;display:flex;flex-wrap:wrap;font-size:20px;gap:10px;height:300px;justify-content:space-between;padding:0 5%}.Home .Description,.Home .Description span{font-family:Climate Crisis,sans-serif}.Home .domain{display:inline;font-size:70px;font-weight:700}.Home .domain span{font-size:15px}.Home .Description a{border:1px solid var(--titleColor);color:var(--titleColor);padding:7px 15px;text-decoration:none}.Home .Description a:hover{background-color:var(--titleColor);color:var(--backgroundColor);transition:.2s ease-in-out}.Home div{margin:5vh 0}@media screen and (max-width:902px){.Home .Description{flex-direction:column}.name span{font-size:18px}.name div{font-size:40px}.hello{font-size:25px}.hello span{font-size:15px}.Home .domain{font-size:35px;width:100%}}@media screen and (max-width:520px){.name span{font-size:14px}.name div{font-size:34px}.hello{font-size:24px}}@media screen and (max-width:450px){.name span{font-size:14px}.name div{font-size:25px}.hello{font-size:20px}.hello span{font-size:8px}.Home .domain{font-size:28px}}@media screen and (max-width:350px){.name span{font-size:10px}.name div{font-size:19px}.hello{font-size:14px}.hello span{font-size:4px}.Home .domain{font-size:24px}}.About{align-items:center;min-height:100vh;width:100%}.About,.About .Container{display:flex;flex-direction:column}.About .Container{flex:1 1;gap:50px;justify-content:center}.About .story{max-width:500px}.About .Container .Presentation{color:var(--textColor);display:flex;flex-wrap:wrap;font-size:14px;gap:50px;max-width:80vw;padding:20px 0;text-align:justify}.About .picture img,.About .picture:before{border-radius:10px;height:200px;width:200px}.About .picture:before{border:1px solid #fff;content:"";position:absolute;translate:12px 15px;z-index:-1}.About .Infos{color:var(--titleColor);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.About .Infos .info{min-width:250px}.About .Infos .info .triangle{display:flex;width:12px}.About .Infos .info .infoTitle{align-items:center;display:flex;font-family:poppins;font-weight:200;gap:5px}.About .Infos .info .infoContent{font-family:poppins;height:20px}.Title{align-items:center;color:var(--titleColor);display:flex;margin:0;padding:20px 0}.SectionName{font-size:30px}.Line{background-color:var(--titleColor);flex:1 1;height:2px;margin:0 5px;top:100px;transform:translateY(4px)}.Services{align-items:center;display:flex;flex-direction:column;min-height:100vh}.Services .container{display:flex;flex:1 1;flex-direction:column;gap:100px;justify-content:center}.Offers{height:100%;height:auto}.Offers,.representationDescription{align-items:center;display:flex;gap:20px;justify-content:center}.representationDescription{flex-wrap:wrap}.Phone{display:none}.Offers button,.Phone button{align-items:center;aspect-ratio:1/1;background:none;border:1px solid #00adb5;border-radius:50%;color:#00adb5;cursor:pointer;font-size:150%;height:30px;transition:.2s ease-in}.Offers button,.Phone button,.Services .NumeroService{display:flex;font-family:poppins;font-weight:700;justify-content:center}.Services .NumeroService{color:var(--titleColor)}.Offers .right{animation:fadeInX .8s ease forwards;opacity:0;transform:translateX(100px)}.Offers .left{animation:fadeInX .8s ease-in-out forwards;opacity:0;transform:translateX(-100px)}@keyframes fadeInX{to{opacity:1;scale:1;transform:translateX(0)}}.Offers button:hover,.Phone button:hover{background-color:#00adb5;box-shadow:0 0 10px #00adb5;color:#000;scale:1.3;transition:.2s ease-out}.Offers .Description,.Offers .Representation{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:justify}.Offers .Representation{display:flex}.Offers .Description{color:var(--textColor);font-size:15px;max-width:500px}.Offers .Representation .title{align-items:center;color:var(--titleColor);display:flex;font-size:20px;gap:15px;margin:10px}.Offers .Representation .title .Logo{fill:var(--titleColor);fill:#fff;height:40px;width:40px}.Offers .Representation .tools{display:flex;flex-wrap:wrap;gap:10px;margin:5px;max-width:250px}.Offers .Representation .tools img{border:1px solid #00000042;height:40px;padding:5px;width:40px}@media screen and (max-width:768px){.Phone{align-items:center;display:flex;gap:150px;justify-content:center}.Offers button{display:none}.Services .container{gap:20px}}.Projects{align-items:center;min-height:100vh}.Projects,.Projects .Container{display:flex;flex-direction:column}.Projects .Container{flex:1 1;gap:50px;justify-content:center}.Projects .Container .Cards{display:flex;flex-wrap:wrap;gap:15vw;justify-content:center}.Projects .Container .Card{display:flex;flex-direction:column;max-width:300px}.Projects .Container .Card img{object-fit:cover;width:100%}.Projects .Container .Card .ProjectLegend{display:flex;flex-direction:column;gap:20px;width:100%}.Projects .Container .Card .ProjectLegend .projectTitle{color:var(--titleColor);font-family:quicksand;font-size:20px;font-weight:700}.Projects .Container .Card .ProjectLegend .projectDescription{word-wrap:none;color:var(--textColor);font-family:quicksand;font-size:14px;text-align:justify;width:100%}.Projects .Container .Card .ProjectLegend .detail{align-self:flex-end;color:var(--linksFill);font-family:quicksand;font-size:14px}.Projects .Container .moreProject{align-items:center;align-self:center;border:1px solid #fff;border-radius:50px;color:var(--titleColor);display:flex;font-family:quicksand;font-size:15px;font-weight:400;padding:10px;text-decoration:none;transition:.5s ease-in-out}.Projects .Container .moreProject:hover{background-color:var(--titleColor);color:var(--backgroundColor);scale:1.1;transition:.5s ease-in-out}.Journey{align-items:center;min-height:80vh}.Journey,.Journey .Container{display:flex;flex-direction:column}.Journey .Container{flex:1 1;gap:50px;justify-content:center}.Journey .Container .story{display:flex;gap:20px}.Journey .Container .story .VLine{background-color:hsla(0,0%,100%,.268);border-radius:100px;display:flex;position:relative;width:2px}.Journey .Container .story .VLine .indicator{background-color:#fff;border-radius:100px;box-shadow:0 0 10px 3px #ffffff80;height:30px;left:50%;position:absolute;transform:translateX(-50%);transition:top .6s cubic-bezier(.68,-.55,.27,1.55);width:150%}.Journey .Container .story .fieldList{display:flex;flex-direction:column;font-weight:500}.Journey .fieldList ol{align-items:center;color:#ffffff72;cursor:pointer;display:flex;font-size:18px;font-weight:lighter;height:30px}.Journey .fieldList ol:hover{color:#fff}.Journey .fieldList ol.ActiveList{color:#fff;font-weight:500}.Journey .Container .story .content{display:flex;flex-direction:column;gap:20px}.Journey .Container .story .content .head .title{color:#fff;font-family:quicksand;font-size:30px;font-weight:700}.Journey .Container .story .content .head .period{color:#fff;font-family:quicksand;font-size:14px}.Journey .Container .story .content .description{color:#00adb5;font-family:quicksand;font-size:16px;line-height:1.5;max-width:600px;text-align:justify}@media screen and (max-width:450px){.Journey .fieldList ol{font-size:13px}.Journey .Container .story .content .description{font-size:14px}.Journey .Container .story .content .head .title{font-size:25px}.Journey .Container .story .content .head .period{font-size:14px}}@media screen and (max-width:370px){.Journey .Container .story{gap:5px}.Journey .fieldList ol{font-size:13px}.Journey .Container .story .content .description{font-size:12px}.Journey .Container .story .content .head .title{font-size:20px}.Journey .Container .story .content .head .period{font-size:13px}}.Skills{align-items:center;display:flex;flex-direction:column;min-height:100vh}.Skills .Container{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center}.Skills .Container .SkillContainer{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.Skills .Container .skill{border-radius:5px;display:flex;flex-direction:column;font-size:20px;gap:10px;justify-content:center;max-width:600px}.Skills .Container .skill .title{align-items:center;color:var(--titleColor);display:flex;gap:10px}.Skills .Container .skill .SkillsIcon{fill:var(--titleColor)}.Skills .Container .skill .description{color:var(--textColor);font-size:16px;text-align:justify}.Skills .Container .representation{align-items:center;animation:rotate 30s linear infinite;aspect-ratio:1/1;background:rgba(0,0,0,.353);border-radius:50%;display:flex;justify-content:center;max-width:400px;min-width:300px;padding:100px;position:relative}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Skills .Container .representation span{animation:rotateR 30s linear infinite;cursor:pointer;position:absolute}@keyframes rotateR{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@media screen and (max-width:450px){.Skills .Container .representation{min-width:300px;padding:70px}.Skills .Container .skill .description{font-size:14px}.Skills{overflow:hidden}.Skills .Container .skill .title{font-size:20px}}@media screen and (max-width:370px){.Skills .Container .representation{min-width:50px;padding:90px}}:root{--scrollY:0;--backgroundColor:#c0c2c5;--titleColor:#21201f;--textColor:#00adb5;--linksFill:#21201f}
/*# sourceMappingURL=main.c7943575.css.map*/