*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.AboutMeSection{background-color:#000;color:#fff;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding:150px 7%;width:100%}.aboutMeContainer{justify-content:space-between}.aboutMeContainer,.descripcion{align-items:center;display:flex}.descripcion{flex-direction:column;height:100%;width:60%}.descripcion h1{align-self:start;color:#f17b0c;font-size:3vw}.descripcion p{font-family:sans-serif;font-size:1.4vw;font-style:italic;line-height:35px;margin:3vw 0;text-align:left}.photoSection{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;width:35%}.yo{border:3px solid #fff;border-radius:50%;filter:contrast(1.2)}.yo,.yoContainer{aspect-ratio:1/1;width:100%}.yoContainer{align-items:center;display:flex;justify-content:center;position:relative;transform:scale(.75)}.yoContainer:before{animation:marcoFoto 5s linear 0s infinite alternate;background:#000;background:radial-gradient(circle,#0000 85%,#f17b0c 0);border:3px solid #fff;border-radius:50%;clip-path:polygon(-2% 0,102% 102%,102% 0,-2% 102%);content:" ";height:120%;position:absolute;width:120%}.yoContainer:hover .yo,.yoContainer:hover:before{border:5px solid #f17b0c;box-shadow:0 0 10px 5px #f17b0c;transition:all 1s}.skillsSection{display:flex;flex-direction:column;gap:25px;height:100%;margin-top:3vw;width:100%}.skillsSection h1{align-self:start;color:#f17b0c;font-size:2rem;font-style:italic}.skillsReal{align-items:center;display:flex;flex-wrap:wrap;gap:30px;height:90%;justify-content:center;margin:30px 0;width:100%}@keyframes marcoFoto{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1328px){.yo,.yoContainer{transform:scale(.85)}.yoContainer:before{animation:marcoFoto 5s linear 0s infinite alternate;background:#000;background:radial-gradient(circle,#0000 85%,#f17b0c 0);border:5px solid #fff;border-radius:50%;clip-path:polygon(-2% 0,102% 102%,102% 0,-2% 102%);content:" ";height:100%;position:absolute;width:100%}.descripcion h1{font-size:3.5vw}.descripcion p{font-size:1.5vw;line-height:2.5vw}}@media (max-width:1024px){.AboutMeSection{justify-content:space-between;padding:100px 0}.photoSection{width:65%}.aboutMeContainer{flex-direction:column;flex-direction:column-reverse}.descripcion{width:100%}.descripcion p{font-size:2vw}.skillsReal{align-self:center;width:75vw}}@media (max-width:768px){.descripcion p{font-size:1.25rem;line-height:25px}.descripcion h1{align-self:center;font-size:2rem}.descripcion{height:auto}.skillsReal{width:85vw}.skillsReal,.skillsSection h1{align-self:center}}@media (max-width:480px){.AboutMeSection,.photoSection{width:100%}.descripcion{padding:0 10px}}.container{aspect-ratio:1/1;background-color:none;border-radius:10px;width:10vw}.logoSkill{border-radius:10px 10px 0 0;display:block;height:80%;width:100%}.container:hover .logoSkill{animation:rotatingLogo 2s linear 0s infinite}.container:hover .nameSkill{color:#f17b0c;text-shadow:0 0 13px #f17b0c;transition:all .5s}.nameSkill{background:#000;color:#fff;font-weight:bolder;height:20%;position:relative;width:100%}.nameSkill,.nivel{align-items:center;border-radius:0 0 10px 10px;display:flex;justify-content:center}.nivel{background-color:#000;clip-path:circle(0);height:45px;left:2.5px;position:absolute;top:3.5px;width:195px}@keyframes rotatingLogo{to{transform:rotatey(1turn)}}@media (max-width:1024px){.container{background-color:none;border-radius:10px;height:100px;width:100px}}.contactMeSection{background:radial-gradient(circle at top right,rgba(241,123,12,.726),#000000f1,#000000f1,#000000f1),url(/static/media/social-mode-WmVtCFR1C1g-unsplash.2f45de8f251bfe6db1d3.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:fit-content;padding:200px 0;position:relative;width:100%}.contactMeSection,.contactMeSection form{align-items:center;display:flex;justify-content:center}.contactMeSection form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#fff0);background-color:none;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0 .37);flex-direction:column;gap:70px;max-width:600px;min-height:400px;padding:50px;width:90%}.tituloForm{color:#f17b0c;text-transform:uppercase}.inputContainer{height:2rem;position:relative;width:100%}.formInput{background-color:initial;border:none;border-bottom:1px solid #f17b0c;bottom:0;left:0;outline:none;padding-left:5px;width:100%}.formInput,.formLabel{color:#fff;position:absolute}.formLabel{cursor:pointer;font-size:1.25rem;left:5px;top:0;transform:translateY(5px)}.formInput:focus+.formLabel,.formInput:not(:placeholder-shown)+.formLabel{color:#f17b0c;transform:translateY(-32px) scale(.85);transform-origin:left top;transition:all .5s}.formInput.ta:focus{border:1px solid #f17b0c;border-radius:10px;padding:5px}.submit{align-items:center;align-self:center;background-color:#000;border:5px solid #353232;border-radius:5px;color:#353232;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:10px;height:4rem;justify-content:center;width:100%}.submit:hover{border:5px solid #f17b0c;box-shadow:0 0 10px 5px #f17b0c;color:#f17b0c;transition:all .5s}.emptyFields{align-self:flex-start;color:#f17b0c}.updatedText{bottom:10px;color:#353232;position:absolute;right:10px}.experienceCardContainer{border:3px solid #f17b0c;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;width:86vw}.experienceCardContainer h1{margin:10px 0!important}.experienceCardContainer h3{align-items:center;color:#fff;display:flex;gap:5px}.experienceCardContainer h2{color:#f17b0c}.experienceCardContainer p{color:#756f6f}.experiencePhotosContainer{display:none;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.enlace img{border-radius:15px;cursor:pointer;display:block;height:100%;width:100%}.enlace{border-radius:15px;position:relative;width:20%}.enlace:after{background:linear-gradient(152deg,rgba(241,123,12,.692),rgba(73,68,68,.705),rgba(0,0,0,.678),hsla(0,0%,100%,.267));border-radius:15px;content:" ";height:100%;left:0;position:absolute;top:0;width:100%}.enlace:hover:after{opacity:0;transition:all 1s}.experiencePhotosContainer img:hover{transform:scale(1.1);transition:.25s}.experienceCardContainer:hover .experiencePhotosContainer{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:flex;transition:clip-path .5s}.notImagesAllowedDiv{align-items:center;border:2px solid #fff;border-radius:15px;color:#fff;display:flex;justify-content:center;margin-top:20px;padding:25px;text-align:center}.showImagesButton{background-color:#f17b0c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-weight:700;margin-top:10px;padding:10px 15px}@media (max-width:768px){.enlace{width:40%}.experienceCardContainer h1{align-self:flex-start!important}.showImagesButton{display:block}.experiencePhotosContainer{display:none;flex-wrap:wrap;gap:20px;justify-content:center;padding-top:10px;transition:max-height .3s ease-in-out}.experiencePhotosContainer.visible{display:flex}.experienceCardContainer:hover .experiencePhotosContainer{clip-path:none}}.experienceSection{background-color:#000;display:flex;flex-direction:column;padding:50px 7%;width:100%}.experienceSection h1{align-self:flex-start;color:#f17b0c;font-size:3vw;margin:50px 0}.showExperiences{align-items:center;display:flex;flex-direction:column;width:100%}@media (max-width:1328px){.experienceSection h1{font-size:3.5vw}}@media (max-width:900px){.experienceSection h1{font-size:2rem}}@media (max-width:768px){.experienceSection h1{align-self:center}.experienceSection{justify-content:center;width:100%}}.hero{align-items:center;background:#000;background-size:cover;display:flex;justify-content:space-between;padding:0 0 0 8%;width:100%}.titulo{align-items:flex-start;aspect-ratio:1/1.15;display:flex;flex-direction:column;justify-content:center;position:relative;width:50%}.name{color:#f17b0c;font-size:6vw;font-style:italic}.position{color:#fff;font-size:3vw}.titulo a{width:40%}.resumeButton{align-items:center;aspect-ratio:1/.25;background-color:#000;border:3px solid #f17b0c;border-radius:35px;color:#f17b0c;cursor:pointer;display:flex;font-size:1.25vw;font-weight:700;gap:10px;justify-content:center;margin:25px 0;overflow:hidden;position:relative;width:100%;z-index:1}.resumeButton:before{aspect-ratio:1/.75;background-color:#f17b0c;border-radius:35px;content:" ";left:-100px;position:absolute;top:0;transform:translate(100%,-150%) rotate(45deg);width:150%;z-index:-1}.resumeButton:hover:before{animation:animationResumeButton 1s linear 0s forwards}.resumeButton:hover{border:3px solid #000;box-shadow:0 0 10px 5px #f17b0c;color:#000;transition:all 1s}.adorno{aspect-ratio:1/1.15;background:linear-gradient(325deg,rgba(184,102,21,.685),rgba(34,31,31,.836)),url(/static/media/fondo%20hero%201.c570caa7020e11617ac7.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,50% 50%);width:50%}.socialMediaIcons{align-items:center;bottom:2vw;display:flex;gap:25px;margin:25px 0;position:absolute}.linkedInIcon{background-color:none;color:#f17b0c;cursor:pointer;height:50px;width:50px}.linkedInIcon:hover{background-color:none;color:#1515ee;filter:drop-shadow(0 0 5px white);transform:scale(1.2);transition:all .5s}.githubIcon{background:none;color:#f17b0c;cursor:pointer;height:55px;width:55px}.githubIcon:hover{background-clip:content-box #fff;color:#000;filter:drop-shadow(0 0 5px white);transform:scale(1.2);transition:all .5s}@keyframes animationResumeButton{75%{transform:translate(0) rotate(45deg)}to{transform:translate(25%,-25%) rotate(45deg)}}@media (max-width:1024px){.adorno{display:none}.hero{background:linear-gradient(325deg,rgba(151,83,16,.685),rgba(34,31,31,.836)),url(/static/media/fondo%20hero%20mobile.fe3efb4271741f039be3.JPG);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;justify-content:center}.titulo{aspect-ratio:1/.75;width:100%}.name{font-size:12vw}.position{font-size:6vw;text-align:center}.resumeButton{background-color:none;font-size:2vw}}@media (max-width:768px){.hero{padding:0;width:100%}.socialMediaIcons{position:static}.titulo{align-items:center;padding-top:100px}.resumeButton{font-size:.75rem;height:50px;width:175px}.position{font-size:2.2rem}.name{font-size:4rem}}@media (max-width:480px){.name{font-size:3rem}.position{font-size:1.5rem}}header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 rgba(0,0,0 .37);color:#f17b0c;display:flex;height:100px;justify-content:space-between;padding:0 7%;position:fixed;width:100%;z-index:3}a{text-decoration:none}.logoCont{align-items:center;display:flex;height:90%}.logoCont img{height:100%}.buttonsContainer{justify-content:space-between;width:60%}.buttonsContainer,.buttonsNav{background-color:none;display:flex}.buttonsNav{align-items:center;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;height:60px;justify-content:center;position:relative;width:100%}.buttonsNav:before{clip-path:polygon(0 0,0 0,0 100%,0 100%);left:0;top:0}.buttonsNav:after,.buttonsNav:before{background-color:#f17b0c;content:" ";height:5px;position:absolute;width:100%}.buttonsNav:after{bottom:0;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);right:0}.buttonsNav:hover{color:#f17b0c}.buttonsNav:hover:after,.buttonsNav:hover:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:all .25s}.toggle{cursor:pointer;display:none;height:100%;width:30px}@media (max-width:1268px){.buttonsContainer{width:60%}}@media (max-width:1024px){@keyframes sombraBoton{0%{background-position:0 0}to{background-position:30vw 0}}.toggle{background:none;display:block}header{height:75px;width:100%}.buttonsContainer{align-items:center;background-color:#000;clip-path:polygon(0 0,100% 0,100% 0,0 0);display:flex;flex-flow:column nowrap;gap:0;height:0;justify-content:center;left:0;opacity:0;overflow:hidden;position:absolute;top:74px;transition:all 1s ease;width:100vw;z-index:10}.buttonsContainer.display{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:fit-content;opacity:1}.buttonsNav{height:150px;width:100vw}.buttonsContainer a{align-items:center;display:flex;height:15vh;justify-content:center}}@media (max-width:768px){header{height:50px}.buttonsContainer{top:49px}}.projectsSection{align-items:center;background-color:#000;display:flex;flex-direction:column;height:fit-content;padding:50px 7%;width:100%}.projectsSection h1{align-self:flex-start;color:#f17b0c;font-size:3vw;margin:50px 0;width:fit-content}.showProjects{display:flex;flex-wrap:wrap;gap:50px;justify-content:center}@media (max-width:1328px){.projectsSection h1{font-size:3.5vw}}@media (max-width:1024px){.showProjects{gap:30px;width:100vw}}@media (max-width:900px){.projectsSection h1{font-size:2rem}.showProjects{width:75%}}@media (max-width:768px){.projectsSection{width:100%}.projectsSection h1{align-self:center}.showProjects{width:100%}}.projectContainer{aspect-ratio:4/5;background-color:#000;border:1px solid #5a5957;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;width:400px}.projectContainer:hover{border:1px solid #f17b0c;box-shadow:0 0 10px 5px #f17b0c;transform:scale(1.05);transition:.25s}.projectImage{border-bottom:1px solid #5a5957;border-radius:10px 10px 0 0;display:block;height:60%;width:100%}.projectText{align-items:start;display:flex;flex-direction:column;gap:20px;height:20%;justify-content:center;padding-left:2vw;width:100%}.projectText h2{color:#f17b0c}.projectText p{color:#fff}.projectButtons{gap:20px;height:20%;padding:0 2vw;width:100%}.projectButtons,.toGitCode{align-items:center;display:flex}.toGitCode{background-color:#000;border:2px solid #f17b0c;border-radius:5px;color:#f17b0c;cursor:pointer;font-weight:900;gap:5px;height:35px;justify-content:center;position:relative;width:100px;z-index:1}.toGitCode:before{background-color:#f17b0c;clip-path:circle(0 at left);content:" ";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.toGitCode:hover:before{clip-path:circle(100px at left);transition:.5s}.toGitCode:hover{color:#000;transition:.5s}.toHost{align-items:center;background-color:#f17b0c;border:2px solid #f17b0c;border-radius:5px;color:#000;cursor:pointer;display:flex;font-weight:900;gap:5px;height:35px;justify-content:center;position:relative;width:100px;z-index:1}.toHost:before{background-color:#000;border-radius:5px;clip-path:circle(0 at left);content:" ";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.toHost:hover:before{clip-path:circle(100px at left);transition:.5s}.toHost:hover{color:#f17b0c;transition:.5s}@media (max-width:900px){.projectContainer{margin-bottom:0;transform:scale(.9)}.projectContainer:hover{transform:scale(.95)}}@media (max-width:768px){.projectContainer{aspect-ratio:unset;height:450px}.projectContainer img{height:60%}.projectButtons,.projectText{height:20%}}
/*# sourceMappingURL=main.61c5a256.css.map*/