#root{display:flex;flex-direction:column;align-items:center;max-width:1280px;margin:0 auto;text-align:center}.header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;max-width:700px;width:70vw;background:linear-gradient(115deg,#12f7f033,#0b60ba33);border-radius:0 0 20px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header .header-title{line-height:0;margin:0;font-size:1.5rem;cursor:pointer}.header .nav__list{display:flex;align-items:center;justify-content:center;gap:5px}.header .nav__item{display:flex;align-items:center;padding:5px;border-radius:10px;cursor:pointer;border:2px solid;border-color:#fff0;transition:border-color 2s ease-in-out}.header .nav__item:hover{animation:gradient 3s linear infinite}@keyframes gradient{0%{border-color:#4fcf70}20%{border-color:#fad648}40%{border-color:#e56767}60%{border-color:#a767e5}80%{border-color:#12bcfe}to{border-color:#44ce7b}}@media (max-width: 600px){.header{width:80vw}}.bubble-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.bubble-container .bubble{position:absolute;background:#12f7f0;background:linear-gradient(115deg,#12f7f0,#5d29e6);opacity:.6;filter:blur(10px);box-shadow:0 0 60px #0ab5fb}.bubble-container .bubble-1{width:62vw;height:80vh;top:-200px;left:-100px;animation:flow 8s linear infinite}.bubble-container .bubble-2{width:35vw;height:50vh;top:10%;right:-44px;animation:flow 10s linear infinite}.bubble-container .bubble-3{width:43vw;height:61vh;bottom:-157px;left:43px;animation:flow 13s linear infinite}.bubble-container .bubble-4{width:15vw;height:22vh;bottom:42px;right:190px;animation:flow 5s linear infinite}@keyframes flow{0%{border-radius:25% 75% 32% 68%/43% 59% 41% 57%}50%{border-radius:60% 40% 62% 38%/56% 32% 68% 44%}to{border-radius:25% 75% 32% 68%/43% 59% 41% 57%}}@media (max-width: 650px){.bubble-container .bubble-1{width:65vw;height:45vh}.bubble-container .bubble-2{height:30vh;top:26%}.bubble-container .bubble-3{width:50vw;height:55vh}.bubble-container .bubble-4{width:14vw;height:14vh;bottom:60px;right:105px}}@media (max-width: 450px){.bubble-container .bubble-1{width:77vw;height:45vh}.bubble-container .bubble-2{width:53vw;height:34vh;top:26%}.bubble-container .bubble-3{width:89vw;height:55vh;left:-7px}}main{display:flex;flex-direction:column;align-items:center;max-width:900px;width:70vw}@media (max-width: 600px){main{width:90vw}}.card-profile{position:relative;width:100%;border-radius:20px;padding:30px 140px 30px 40px;margin:30px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);text-align:start}.card-profile .card-profile__image{width:250px;height:250px;border-radius:20px;position:absolute;transform:translate(50%,-50%);right:0;top:50%}.card-profile .card-profile__title{color:#12f7f0}.card-profile .buttons-container{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.card-profile .buttons-container .button-profile{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;font-size:1.8rem;font-weight:700;transition:all .2s ease-in-out}.card-profile .buttons-container .button-profile.first{background-color:#12f7f0;color:#0c1524}.card-profile .buttons-container .button-profile.first:hover{box-shadow:0 0 10px 5px #12f7f0b3}.card-profile .buttons-container .button-profile.second{background-color:#5d29e6}.card-profile .buttons-container .button-profile.second:hover{box-shadow:0 0 10px 5px #5d29e6b3}.card-profile .card-profile__paragraph{word-wrap:break-word}.button--about{background:#5d29e6;font-size:1.6rem;font-weight:700;margin:20px 0 40px;padding:15px 25px;border:2px solid #5D29E6;transition:all .2s ease-in-out}.button--about:hover{background:#0c1524;color:#5d29e6;transform:scale(1.05);box-shadow:0 0 10px 5px #5d29e6b3}@media (max-width: 900px){.card-profile{padding:170px 20px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:100px}.card-profile .card-profile__image{right:50%;top:40px}.card-profile .card-profile__title{text-align:center;font-size:2.5rem;line-height:1.2}.card-profile .buttons-container{justify-content:center}}.technologies-section{width:100%}.technologies-section .technologies-section__title{color:#0ab5fb}.technologies-section .card-technology-container{position:relative;width:100%;height:140px;overflow:hidden}.technologies-section .card-technology-container .card-technology{position:absolute;transform:translateY(-50%);top:50%;transition:all 2s linear}.technologies-section .card-technology-container .card-technology .card-technology__image{width:60px;height:60px;background:#12f7f0;border-radius:10px;padding:5px;margin:5px;box-shadow:0 0 10px 5px #12f7f0b3}.projects-section .projects-title{margin-top:25px;color:#0ab5fb}.projects-section .projects-container{width:100%}.projects-section .projects-container .project-card{display:flex;gap:25px;padding:30px;margin:25px 15px 15px;border-radius:20px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px)}@media (max-width: 900px){.projects-section .projects-container .project-card{flex-direction:column;align-items:center}}.projects-section .projects-container .project-card .project-card__button--plus{position:absolute;transform:translate(50%,-50%);top:10px;right:0;display:flex;align-items:center;justify-content:center;padding:10px;background:#5d29e6;transition:all .2s ease-in-out}.projects-section .projects-container .project-card .project-card__button--plus:hover{box-shadow:0 0 10px 5px #5d29e6b3}.projects-section .projects-container .project-card .project-card__image{width:250px;height:250px;object-fit:cover;border-radius:10px}.projects-section .projects-container .project-card .project-card__info{display:flex;flex-direction:column;justify-content:space-between;text-align:start}@media (max-width: 900px){.projects-section .projects-container .project-card .project-card__info{text-align:center;align-items:center}}.projects-section .projects-container .project-card .project-card__info .project-card__title{color:#0ab5fb;line-height:1.5rem;margin:0 0 10px}.projects-section .projects-container .project-card .project-card__info .project-card__buttons-container{display:flex;gap:20px;margin:15px 0 0}.projects-section .projects-container .project-card .project-card__info .project-card__buttons-container .project-card__button{display:flex;justify-content:center;align-items:center;border-radius:10px;padding:10px;background:#5d29e6;transition:all .2s ease-in-out}.projects-section .projects-container .project-card .project-card__info .project-card__buttons-container .project-card__button:hover{box-shadow:0 0 10px 5px #5d29e6b3}.studies-section{width:100%}.studies-section .studies-section__title{color:#0ab5fb;margin-top:30px}.studies-section .studies-container{display:flex;gap:15px;width:100%}@media (max-width: 860px){.studies-section .studies-container{flex-direction:column;align-items:center}}.studies-section .studies-container .studies-container--left,.studies-section .studies-container .studies-container--right{display:flex;flex-direction:column;gap:15px;width:50%}@media (max-width: 860px){.studies-section .studies-container .studies-container--left,.studies-section .studies-container .studies-container--right{width:100%}}.studies-section .studies-container .studies-container--left .study-card,.studies-section .studies-container .studies-container--right .study-card{display:grid;grid-template-columns:1fr;justify-items:center;position:relative;width:100%;height:210px;padding:15px;border-radius:20px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px)}.studies-section .studies-container .studies-container--left .study-card .study-card__button,.studies-section .studies-container .studies-container--right .study-card .study-card__button{position:absolute;transform:translate(-50%,-50%);top:10px;left:5px;display:flex;align-items:center;justify-content:center;padding:10px;background:#5d29e6;transition:all .2s ease-in-out}.studies-section .studies-container .studies-container--left .study-card .study-card__button:hover,.studies-section .studies-container .studies-container--right .study-card .study-card__button:hover{box-shadow:0 0 10px 5px #5d29e6b3}.studies-section .studies-container .studies-container--left .study-card .study-card__title,.studies-section .studies-container .studies-container--right .study-card .study-card__title{color:#0ab5fb}.studies-section .studies-container .studies-container--left .study-card .study-card__text,.studies-section .studies-container .studies-container--right .study-card .study-card__text{margin-top:5px}.studies-section .studies-container .studies-container--left .study-card .study-card__image,.studies-section .studies-container .studies-container--right .study-card .study-card__image{width:50%;object-fit:cover;margin-bottom:10px}.studies-section .studies-container .studies-container--left .study-card .study-card__image.platzi,.studies-section .studies-container .studies-container--right .study-card .study-card__image.platzi{align-self:end;justify-self:center}.studies-section .studies-container .studies-container--left .study-card .study-card__image.unal,.studies-section .studies-container .studies-container--right .study-card .study-card__image.unal{align-self:end;justify-self:center;margin-right:15px}.studies-section .studies-container .studies-container--left .study-card.--big,.studies-section .studies-container .studies-container--right .study-card.--big{height:100%}.studies-section .studies-container .studies-container--left .study-card.--big .study-card__list,.studies-section .studies-container .studies-container--right .study-card.--big .study-card__list{margin-top:20px;list-style:circle}.about{position:relative;width:60vw;padding:20px 30px;margin:30px 0;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);border-radius:20px}@media (max-width: 800px){.about{width:80vw}}.about .about__button{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;padding:0;transform:translate(-50%,-50%);border-radius:10px;background-color:#5d29e6}.about .about__title{color:#0ab5fb}.about .about__text span{display:block;margin:15px 60px}@media (max-width: 800px){.about .about__text span{margin:15px 0}}.about .about__text img{position:absolute;transform-origin:center;width:130px;border-radius:10px;box-shadow:0 0 10px #0c152499;margin-top:10px}@media (max-width: 800px){.about .about__text img{position:static;width:60%}}.about .about__text .image1{top:30px;left:-50px}.about .about__text .image2{top:230px;right:-50px}.about .about__text .image3{top:430px;left:-50px}.about .about__text .image4{top:600px;right:-50px}.study{position:relative;width:60vw;padding:30px;margin:30px 0;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);border-radius:20px}@media (max-width: 800px){.study{width:80vw}}.study .study__button{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;padding:0;transform:translate(-50%,-50%);border-radius:10px;background-color:#5d29e6}.study .study__title{color:#0ab5fb}.study .study__university{color:#0b60ba}.study .study__text span{display:block;margin-top:22px}.project{position:relative;display:flex;flex-direction:column;align-items:center;width:60vw;padding:40px;margin:30px 0;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);border-radius:20px}@media (max-width: 800px){.project{width:80vw}}.project .project__button{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;padding:0;transform:translate(-50%,-50%);border-radius:10px;background-color:#5d29e6}.project .project__title{color:#0ab5fb;line-height:1;margin-bottom:25px}.project .project__subtitle{color:#5d29e6;font-size:2.2rem}.project .project__characteristics-list{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.project .project__characteristics-list .project__characteristic{border:3px solid #5D29E6;padding:10px;border-radius:10px;margin-top:15px;width:80%}.project .project__process-list .project__process-item{margin-bottom:50px}.project .project__process-list .project__process-item .project__process-title{font-size:1.6rem;margin:15px}.project .project__process-list .project__process-item .project__process-detail-container{display:flex;gap:10px;align-items:center;justify-content:space-around}@media (max-width: 800px){.project .project__process-list .project__process-item .project__process-detail-container{flex-direction:column}}.project .project__process-list .project__process-item .project__process-detail-container .project__process-detail{width:50%;text-align:start}.project .project__process-list .project__process-item .project__process-detail-container .project__process-detail.last-process{width:90%;text-align:center}@media (max-width: 800px){.project .project__process-list .project__process-item .project__process-detail-container .project__process-detail{width:90%;text-align:center}}.project .project__process-list .project__process-item .project__process-detail-container .project__process-image{width:45%;border-radius:10px;box-shadow:5px 5px 30px #000c}@media (max-width: 800px){.project .project__process-list .project__process-item .project__process-detail-container .project__process-image{width:90%}}.project .project__technologies-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.project .project__technologies-list .project__technology{background-color:#5d29e6;box-shadow:0 0 30px #7e51f1cc;padding:10px;border-radius:10px}.project .project-card__buttons-container{width:100%;display:flex;justify-content:center;gap:40px;margin-bottom:30px}@media (max-width: 800px){.project .project-card__buttons-container{justify-content:space-around;gap:10px}}.project .project-card__buttons-container .project-card__button{display:flex;justify-content:center;align-items:center;border-radius:10px;padding:10px 50px;background:#12f7f0;transition:all .2s ease-in-out}@media (max-width: 800px){.project .project-card__buttons-container .project-card__button{padding:10px 20px}}.project .project-card__buttons-container .project-card__button:hover{box-shadow:0 0 10px 5px #12f7f0b3}.project .project__text{display:block;margin-bottom:30px}:root{font-family:Ubuntu,system-ui,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f2fbff;background:linear-gradient(135deg,#0c1524,#072e47,#051b34 70%,#1b0854);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0}a{text-decoration:inherit}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3rem;margin:0}h2{font-size:2.5rem;margin:0}h3{font-size:1.5rem;margin:0}p{font-size:1rem;margin:0}a{margin:0;padding:0;cursor:pointer}ul{list-style:none;margin:0;padding:0}button{border-radius:10px;border:none;font-size:1em;font-weight:500;background-color:#0c1524;color:#f2fbff;padding:10px 15px;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:none}