body{margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease-in-out,filter .3s ease-in-out}:root{--black:#222;--white:#f9f9f9}body.light{--background-color:var(--white);--text-color:var(--black);--image:url(/portfolio/static/media/iconMoon.d2ce0832.png)}body.dark{--background-color:var(--black);--text-color:var(--white);--image:url(/portfolio/static/media/daySunny.64164bf6.png)}h1,h2,h3,h4,p{color:var(--text-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{overflow-x:hidden;font-family:"Montserrat Alternates","Montserrat",sans-serif}body::-webkit-scrollbar{width:15px;height:15px}body::-webkit-scrollbar-track{border-radius:10px;background-color:hsla(0,0%,100%,.1)}body::-webkit-scrollbar-thumb{background-image:linear-gradient(45deg,#00aeff,#a68eff);border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.12) 0 3px 13px 1px}.body{background-image:url(/portfolio/static/media/portada_celular.3b2b3868.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:50% 50%;position:relative;background-color:#000;box-sizing:border-box;height:100%}.body:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6)}.textContainer{width:80vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;margin:auto}.titleHome{font-size:40px;color:#f9f9f9;text-align:start}.spanTitleHome{display:block}.myNameHome{color:#f9f9f9;padding:64px 0 8px}.lineHome{border-top:2px solid #fff;width:60%}.parrafoHome{color:#f9f9f9;margin:auto;padding-bottom:20px}.btn-container,.segundoParrafoHome{padding-bottom:40px}.btn-container{display:flex;flex-direction:column;align-items:flex-start}.btn-home{align-items:center;-webkit-appearance:none;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff 100%);border:0;border-radius:6px;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 rgba(58,65,111,.5);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:"JetBrains Mono",monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px;margin:8px 0}.btn-home:focus{box-shadow:inset 0 0 0 1.5px #3c4fe0,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0}.btn-home:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0;transform:translateY(-2px)}.btn-home:active{box-shadow:inset 0 3px 7px #3c4fe0;transform:translateY(2px)}.link-home{text-decoration:none;color:#fff;animation:fadeInUp;animation-duration:1.5s}@media only screen and (min-width:1200px){.body{background-image:url(/portfolio/static/media/portada.a213c02d.jpg);height:100vh}.body:before{background-color:rgba(0,0,0,.3)}.parrafoHome{max-width:85%;margin:initial;padding-left:20px;font-size:20px}.titleHome{font-size:92px;font-weight:700}.myNameHome{padding-bottom:0;font-size:22px}.btn-container{flex-direction:row}.btn-home{margin:8px 20px;font-size:20px;font-weight:600}}@media only screen and (min-width:1400px){.body{height:100vh}.parrafoHome{max-width:80%}}@media only screen and (min-width:1600px){.body{height:90vh}}.skillsContainer{padding-top:120px;display:flex;justify-content:center;min-width:80%}.skills_habilidadesTitle{text-align:center;padding-top:80px;font-size:28px;font-weight:600}.skills_habilidadesSubTitle{text-align:center;max-width:70%;margin:auto;padding-top:40px;font-size:20px}@media only screen and (min-width:768px){.skills_habilidadesTitle{font-size:48px}.skills_habilidadesSubTitle{font-size:24px}}.containerSkills_logos{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:20px}.boxInfoSkills{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--background-color);margin:60px 0;width:80vw;height:200px}.skillLogo{max-width:200px;max-height:200px;transition:all .25s ease}.skillLogo:hover{transform:scale(1.11);transition:all .25s ease;cursor:pointer}.experiencieSkill{padding:20px 0 40px;font-size:22px;font-weight:500;max-width:70%;text-align:center;color:var(--text-color);transition:background-color .3s ease-in-out,filter .3s ease-in-out}@media only screen and (min-width:540px){.boxInfoSkills{width:35vw}}@media only screen and (min-width:1200px){.skill{max-width:90%}.boxInfoSkills{width:40vw;flex-direction:row;justify-content:space-evenly}.experiencieSkill{padding:0;font-size:28px}}.linkContainerWorkExperience{display:flex;justify-content:center}.linkWorkExperience{padding:60px 20px 40px;text-decoration:none;color:var(--text-color);font-size:16px;font-weight:500}.workExperiencieTitlePresentation{text-align:center;padding-top:60px;font-size:28px;font-weight:600}.workExperiencieSubtitlePresentation{padding:40px 0 20px;text-align:center;font-size:28px;font-weight:600}.workExperiencieParagraph{max-width:75%;text-align:center;margin:auto;padding-bottom:20px;font-size:18px;font-weight:500}.containerGlobalAYOWorkExperience{padding:40px 0 80px}.titleWorkExperienceAYO{padding-top:20px;text-align:center;font-size:32px;font-weight:600}.paragraphWorkExperienceAYO{padding:20px 0 32px}.paragraphWorkExperienceAYO,.secondParagraphWorkExperienceAYO{max-width:75%;margin:auto;text-align:center;font-size:18px;font-weight:500}.secondParagraphWorkExperienceAYO{padding:0 0 40px}.wrapper{display:flex;width:100%;height:80%;margin:auto;align-items:center;flex-direction:column}.imageContainerAYOExperience{width:60%;height:100%;display:inline-block;position:relative}.imageContainerAYOExperience img{width:100%;padding:40px 0;transition:all .5s linear}.GifAYO{position:absolute;top:0;left:0}.GifAYO,.imageContainerAYOExperience:hover img{opacity:0}.imageContainerAYOExperience:hover .GifAYO{opacity:1}.linkFundacionAYO{text-decoration:none;color:var(--text-color);font-weight:500;padding-left:4px;font-weight:700}.sectionTitle{padding-top:40px;font-size:28px;font-weight:500}.linkImage,.sectionTitle{text-align:center}.containerImages{flex-direction:column}.containerImages,.containerImagesGraphics{display:flex;justify-content:center}.linkImageGraphic{text-align:center}.imageFeedback{max-width:90%;margin:20px 0;transition:.75s}.imageFeedback:hover{transform:scale(1.1)}@media only screen and (min-width:768px){.workExperiencieTitlePresentation{font-size:48px}.linkWorkExperience{font-size:26px}.sectionTitle,.titleWorkExperienceAYO,.workExperiencieSubtitlePresentation{font-size:48px}.imageFeedback{max-width:65%}}@media only screen and (min-width:1200px){.paragraphWorkExperienceAYO,.workExperiencieParagraph{max-width:65%}.sectionImageContainer{display:flex;justify-content:space-evenly;flex-wrap:wrap}.containerImages{display:flex;justify-content:flex-start;flex-direction:norow;flex-direction:row}.linkImage{text-align:center;max-width:100%}.linkImageGraphic{text-align:center;width:100%}.imageFeedback{max-width:70%;min-height:82%;margin:60px 0}.wrapper{display:flex;width:100%;height:80%;margin:auto;justify-content:space-around;flex-direction:row;flex-wrap:wrap}.imageContainerAYOExperience{width:40%;height:100%;display:flex;position:relative}.imageContainerAYOExperience img{width:100%}}.titleProyectos{text-align:center;padding-top:20px;font-weight:600;font-size:28px}.proyectLinksContainer{display:flex;flex-wrap:wrap;align-items:center;justify-items:center;flex-direction:column;padding-top:40px}.proyectLinksContainer>*{font-weight:500;font-size:20px;padding:8px 0;text-decoration:none;color:var(--text-color);font-weight:700;transition:all .25s ease}.proyectLinksContainer>:hover{color:#0d58c9;transition:all .25s ease}.ayoPage:after{content:""}.proyectsImageContainer{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;padding-bottom:80px}.imageProyect{position:relative;display:inline-block;width:70%;height:100%;margin:auto}.imageProyect img{width:100%;height:100%;padding-top:40px;-webkit-filter:brightness(100%);transition:all 1s ease}.imageProyect img:hover{-webkit-filter:brightness(70%);transition:all 1s ease}.imageLinkProyect{text-align:center}.imageLinkProyect,.imageLinkProyect img{width:100%;height:100%}.gifLinkProyect{width:100%;text-align:center;position:absolute;opacity:0;top:0;left:0;transition:all .75s ease}.gifLinkProyect:hover{opacity:1;transition:all .75s ease}.titlePresentationProyect{text-decoration:none;color:#0f0f0f;text-align:center}.titlePresentationProyect h1{padding-top:20px;font-weight:600}.textBodyPresentationProyect{text-align:center;max-width:90%;margin:auto;font-weight:500;font-size:17px}.quizAppGif{height:47%}@media only screen and (min-width:440px){.quizAppGif{height:56%}}@media only screen and (min-width:560px){.quizAppGif{height:65%}}@media only screen and (min-width:768px){.titleProyectos{font-size:48px}.proyectLinksContainer{display:flex;align-items:center;justify-content:center;flex-direction:row}.proyectLinksContainer>*{font-size:24px}.proyectLinksContainer>:after{content:"|";padding:0 12px}.ayoPage:after{content:"|"}.quizAppGif{height:74%}.quizApp:after{content:""}}@media only screen and (min-width:1200px){.proyectsImageContainer{max-width:90%;margin:auto;display:flex;justify-content:space-evenly;flex-wrap:wrap;flex-direction:row}.imageProyect{display:inline-block;flex-wrap:wrap;padding:24px 0;width:45%;height:50%}.gifLinkProyect,.imageLinkProyect{width:100%}.quizAppGif{height:66%}}@media only screen and (min-width:1400px){.quizAppGif{height:70%}}@media only screen and (min-width:1700px){.quizAppGif{height:77%}}.tituloContacto{text-align:center;padding:40px 0;font-size:28px;font-weight:600}.parrafoContacto{text-align:center;font-size:18px;max-width:75%;margin:auto}.ultimoParrafoContacto{padding-bottom:40px}.contactContainer{height:100vh}.contenedorIconosContacto{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.iconContact{font-size:40px;padding:4px 0;color:var(--text-color)}.fa-whatsapp,.fa-whatsapp:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.fa-whatsapp:hover{color:#25d366}.fa-envelope-open-text,.fa-envelope-open-text:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.fa-envelope-open-text:hover{color:#c71610}.fa-linkedin-in,.fa-linkedin-in:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.fa-linkedin-in:hover{color:#0077b5}.portfolioIcon,.portfolioIcon:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.portfolioIcon:hover{color:linear-gradient(45deg,#00aeff,#987cfd)}@media only screen and (min-width:600px){.tituloContacto{font-size:48px}.parrafoContacto{font-size:22px}.iconContact{font-size:80px}.contenedorIconosContacto{flex-direction:row}}@media only screen and (min-width:1200px){.contactContainer{height:75vh}}.logoNavBar{text-decoration:none;font-family:"Licorice",cursive;color:var(--text-color);font-size:48px;padding-left:8px}.navBar-Container{max-width:100%;box-sizing:border-box;position:sticky;top:0;z-index:999;background-color:var(--background-color);transition:background-color .3s ease-in-out,filter .3s ease-in-out}.link-navbar{text-decoration:none}.link-navbar,.titleDropDown{font-weight:600;font-size:17px}.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:#0d6efd}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#0b68f3}#darkMode{background:transparent no-repeat 50%;background-size:30px 30px;width:45px;height:45px;filter:grayscale(100%);border:none;border-radius:50%;transition:background-color .3s ease-in-out,filter .3s ease-in-out;margin-right:20px;background-image:var(--image)}#darkMode:focus,#darkMode:hover{filter:none;cursor:pointer}#darkMode.clicked{filter:none!important;background-color:initial}footer{border-top:1px solid var(--text-color);background-color:var(--background-color);transition:background-color .3s ease-in-out,filter .3s ease-in-out}.FooterContainer{display:flex;justify-content:space-evenly;flex-direction:column}.mailTextFooter{font-size:15px;font-weight:500}.FooterContainer div{display:flex;flex-direction:column;align-items:center}.iconFooter{color:var(--text-color)}.mailIcon,.mailIcon:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.mailIcon:hover{color:#c71610}.linkedinIcon,.linkedinIcon:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.linkedinIcon:hover{color:#0077b5}.githubIcon,.githubIcon:hover{transition:.3s ease-in-out,filter .3s ease-in-out}.githubIcon:hover{color:#888}.fa-envelope,.fa-github,.fa-linkedin{font-size:40px;padding:40px 0}.FooterContainer div p{font-weight:500}.textDownFooter{margin:0;padding:8px 0 36px;text-align:center}@media only screen and (min-width:768px){.FooterContainer{flex-direction:row}}.proyectDetailContainer{max-width:100%;box-sizing:border-box;overflow-x:hidden}.contenedorTitulosProyectDetail h1{font-size:30px;text-align:center;padding:40px 0 20px}.contenedorTitulosProyectDetail h2{font-size:20px;width:90%;margin:auto;text-align:center;padding:0 0 20px}.imagenProyectDetail{width:80%;margin:auto;padding:20px 0 40px}.parrafoProyectDetail{text-align:center;width:70%;margin:auto;font-size:20px;font-weight:500;padding:0 0 40px}.bloqueProyectDetail{display:flex;justify-content:center;flex-direction:column}.linkProyectDetail{text-decoration:none;font-size:24px;color:var(--text-color);transition:all .25s ease;text-align:center;display:flex;justify-content:center;padding:20px 0 40px}.linkProyectDetail:hover{color:#0d58c9;transition:all .25s ease}@media only screen and (min-width:768px){.contenedorTitulosProyectDetail h1{font-size:40px}.contenedorTitulosProyectDetail h2{font-size:26px}.imagenProyectDetail{width:70%}.parrafoProyectDetail{width:60%}}@media only screen and (min-width:1200px){.imagenProyectDetail{width:70%}.parrafoProyectDetail{width:60%}.segundoBloqueProyectDetail{flex-direction:row;width:90%;margin:auto}.segundaImagenProyectDetail{width:45%}.segundoParrafoProyectDetail{width:40%;margin:auto}.tercerBloqueProyectDetail{flex-direction:row-reverse;width:90%;margin:auto}.terceraImagenProyectDetail{width:45%}.tercerParrafoProyectDetail{width:40%;margin:auto}}
/*# sourceMappingURL=main.536c01d6.chunk.css.map */