*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{background:#0a0908}.div-container--app{flex-direction:column}.div-container--app,nav{align-items:center;display:flex}nav{background:#0a0908;color:#fff;height:90px;justify-content:center;margin:0 auto;position:fixed;width:100%;z-index:100}.ul-navbar{display:flex;justify-content:space-between;width:50%}.ul-navbar li{color:#616161;cursor:pointer;font-size:18px;list-style:none}.ul-navbar li:hover{color:#fff}.icon-language{display:grid;grid-template-columns:1fr 1fr;left:90px;position:absolute;width:100px}.icon-language button{background:transparent;border:none;cursor:pointer}.icon-language button img{height:100%;width:100%}.div-mobile{display:none}.ul-navbar--div{background:#0a0908;bottom:-170px;height:180px;left:calc(50% - 200px);position:absolute;width:400px}.ul-navbar-menu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:15px;width:100%}li .active{color:#fff}.ul-navbar-menu li{color:#fff;cursor:pointer;font-size:18px;list-style:none}.ul-navbar-menu li:hover{color:#616161}@media (max-width:850px){nav{display:grid;grid-template-columns:1fr 1fr}.icon-language{position:relative}.div-mobile,.icon-language{align-items:center;justify-content:center}.div-mobile{display:flex;height:100%;width:100%}.div-mobile img{cursor:pointer;height:35px;width:40px}.ul-navbar{display:none}}.div-container{display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-top:110px;min-height:90vh;padding-bottom:100px;place-content:center}h1{font-size:7.5rem;font-weight:800;letter-spacing:-.06em}h1,span{text-align:center}span{display:block;line-height:1.1;padding:0 12px;position:relative}@-webkit-keyframes animated{0%,16.667%,to{opacity:1}33.333%,83.333%{opacity:0}}@keyframes animated{0%,16.667%,to{opacity:1}33.333%,83.333%{opacity:0}}.estiven:before{-webkit-animation:animated 9s infinite;animation:animated 9s infinite;-webkit-animation-delay:0s;animation-delay:0s;background:linear-gradient(90deg,#007cf0,hwb(178 0 13%));-webkit-background-clip:text;background-clip:text!important;content:"Estiven"}.Mahecha:before,.estiven:before{-webkit-text-fill-color:transparent;inset:0;position:absolute}.Mahecha:before{-webkit-animation:animated 9s infinite;animation:animated 9s infinite;-webkit-animation-delay:3.33s;animation-delay:3.33s;background:linear-gradient(90deg,#7928ca,#ff0080);-webkit-background-clip:text;content:"Mahecha"}.Henao:before{-webkit-text-fill-color:transparent;-webkit-animation:animated 9s infinite;animation:animated 9s infinite;-webkit-animation-delay:6.66s;animation-delay:6.66s;background:linear-gradient(90deg,#ff4d4d,#f9cb28);-webkit-background-clip:text;content:"Henao";inset:0;position:absolute}@media (max-width:700px){h1{font-size:5.5rem;font-weight:800}}.section--container{height:auto;padding-bottom:50px;padding-top:70px;position:relative;text-align:center;width:100%}.div--container{grid-gap:70px 20px;display:grid;gap:70px 20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));height:100%;margin:0 auto;width:90%}.div-container-detail{align-items:center;cursor:pointer;display:flex;height:250px;justify-content:center;position:relative;width:100%;width:440px}.title{background:none;color:#fff;position:absolute;top:-35px}.opacity-active{background:#000;opacity:.8;position:absolute;top:0;z-index:2}.img,.opacity-active{height:100%;width:100%}.img:hover{background:#000;opacity:.5}.title-portfolio{color:#fff;font-size:40px;margin-bottom:100px}.modal{background:#fff;display:flex;flex-direction:column;height:520px;padding:25px;position:absolute;right:calc(50% - 300px);top:calc(50% - 200px);width:600px;z-index:3}.container--modal-title{background:none;border-bottom:2px solid #ced4da;display:grid;height:50px;margin:20px auto;place-content:center;width:70%}.container--modal-title h2{background:none;color:#343a40;font-size:26px;font-weight:700;margin-bottom:20px}.container--modal-image{height:250px;width:100%}.imgModal{height:100%;width:100%}.container--modal-text{background:none;margin-top:5px;padding:5px}.container--modal-text p{background:none;color:#616161;font-size:17px;font-weight:500}.button-close{background:none;border:2px solid #ff4d4d;border-radius:20px;color:#ff4d4d;cursor:pointer;height:25px;position:absolute;right:20px;top:20px;width:25px}.button-close:hover{border:2px solid #f9cb28;color:#f9cb28}.div-enlaces{align-items:center;display:flex;height:60px;justify-content:space-around;margin:5px auto;width:20%}.img-icon{background:none;width:30px}@media (max-width:700px){.div-container-detail{width:100%}.modal{height:500px;left:calc(50% - 200px);width:400px}}.section-container--skillset{height:auto;text-align:center;width:100%}.container-div-skillset{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:100%;margin:40px auto;width:75%}.div--icon{display:grid;height:140px;place-content:center;position:relative}.img--icon{cursor:pointer;height:60px;width:70px}.title-icons{color:#fff;font-size:40px;margin-top:100px}.div-title--icon{background:#616161;border-radius:10px;display:grid;height:30px;place-content:center;position:absolute;width:200px}@media (max-width:600px){.container-div-skillset{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.section-experience{height:450px;margin:0 auto;padding:40px 0;text-align:center;width:80%}.title-experience{color:#fff;font-size:40px}.div-experience{display:grid;grid-template-columns:1fr 1fr;height:200px;margin:60px auto 0;width:90%}.div-experience-image{display:grid;place-content:center}.image-experience{height:90%;width:100%}.descrption-experience{align-items:center;display:flex;flex-direction:column;justify-content:center}.descrption-experience h2{color:#fff;margin-bottom:3px}.descrption-experience h5{color:#616161;font-size:17px;margin-bottom:20px}.descrption-experience p{color:#fff;font-size:17px;width:350px}@media (max-width:700px){.div-experience{display:flex;flex-direction:column}}.section-about{height:auto;margin:10px auto;padding:40px 0;text-align:center;width:80%}.title-about{color:#fff;font-size:40px}.div-about--container{display:grid;grid-template-columns:1fr 1fr;height:300px;margin-top:60px;width:100%}.div-about-image{display:grid;place-content:center}.div-about-image img{height:100%;width:200px}.div-about-text{display:grid;place-content:center}.div-about-text p{color:#fff;font-size:17px;line-height:25px}@media (max-width:700px){.div-about--container{display:flex;flex-direction:column;gap:40px}}.section-contact{height:auto;padding:45px 0;position:relative;text-align:center;width:100%}.section-contact h5{color:#fff;font-size:40px;margin-bottom:40px}.div-container-contact{display:grid;grid-template-columns:1fr 1fr;height:auto;margin:20px auto;width:60%}.div-content-contact,.div-content-contact form{align-items:center;display:flex;justify-content:center}.div-content-contact form{flex-direction:column;height:100%;width:80%}.div-content-contact form label{color:#fff;font-size:18px;margin-bottom:7px;margin-top:40px}.div-content-contact form input{border:none;font-size:16px;height:35px;padding:4px;width:260px}.div-content-contact form textarea{border:none;font-size:16px;height:70px;padding:5px;width:260px}.button-links{align-items:center;background:#ff4d4d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-top:30px;text-decoration:none;width:260px}.button-links:hover{background:rgba(255,77,77,.8)}.div-content{flex-direction:column;gap:30px}.container-enlaces,.div-content{align-items:center;display:flex;justify-content:center}.container-enlaces{background:#fff;cursor:pointer;height:70px;width:70px}.container-enlaces img{height:70%;width:70%}.div-links{gap:25px;width:100%}.div-done--form,.div-links{align-items:center;display:flex;justify-content:center}.div-done--form{bottom:0;height:40px;left:403px;position:absolute;width:260px}.error{background:#ef233c}.correct{background:#80ed99}.div-done--form p{color:#fff;font-size:16px}@media (max-width:700px){.section-contact{margin-top:230px}.div-container-contact{display:flex;flex-direction:column;gap:50px}.div-done--form{left:calc(50% - 130px)}}@media (max-width:500px){.section-contact{margin-top:300px}}.footer-container{align-items:flex-end;display:flex;height:120px;justify-content:center;margin-top:50px;padding-bottom:45px;width:100%}.footer-container p{color:#fff;font-size:18px}@media (max-width:700px){.footer-container{text-align:center;width:80%}}
/*# sourceMappingURL=main.a86c05af.css.map*/