::selection{background-color:var(--main-accent-color)}body{background-color:#fff}.slide-in{transform-origin:bottom}.slide-in,.slide-out{background-color:var(--main-principal-color);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.slide-out{transform-origin:top}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial;color:var(--principal__100);cursor:pointer;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}li,ol,ul{list-style-type:none;margin:0;padding:0}*{box-sizing:border-box}::-webkit-scrollbar{background-color:var(--main-principal-color);width:1rem}::-webkit-scrollbar-thumb{background-color:var(--main-accent-color);border-radius:0}*{cursor:none!important}.custom-cursor{background-color:#fff;border-radius:50%;mix-blend-mode:multiply;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;z-index:10000;&:after{background-color:#000;border:1px solid #000;border-radius:100%;content:"";height:2%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2%}}.Footer{align-items:center;border-top:1px solid var(--main-principal-color);display:flex;height:14rem;justify-content:center;width:100%;& ul{display:flex;font-family:Manrope-Regular,sans-serif;font-size:2rem;gap:var(--space-m-size);justify-content:center;width:100%}}:root{--main-principal-color:#212624;--main-accent-color:#e0e0e0;font-size:8px}@font-face{font-family:Manrope-Extrabold;src:url(/static/media/Manrope-ExtraBold.5b0ae7100ad1d12e53c9.ttf)}@font-face{font-family:Manrope-Bold;src:url(/static/media/Manrope-Bold.47f6d7143da9d8c0e480.ttf)}@font-face{font-family:Manrope-Semibold;src:url(/static/media/Manrope-SemiBold.310f108cc524df0e5ffc.ttf)}@font-face{font-family:Manrope-Medium;src:url(/static/media/Manrope-Medium.08894ccb04665d1a9d53.ttf)}@font-face{font-family:Manrope-Regular;src:url(/static/media/Manrope-Regular.a9b9e09fe6b69741f316.ttf)}@font-face{font-family:Manrope-Light;src:url(/static/media/Manrope-Light.2bf511c25636c7d7a4ce.ttf)}@font-face{font-family:Manrope-Extralight;src:url(/static/media/Manrope-ExtraLight.d0721272b8d9dd2d2d0f.ttf)}.notes,h1,h2,h3,h4,h5{margin:0;padding:0;text-transform:uppercase}b,strong{font-family:Manrope-Bold}.page_index{& h1{font-size:9rem;line-height:9rem}& h1,& h2{font-family:Manrope-Semibold,sans-serif}& h2{font-size:5rem;line-height:5rem}& h3{font-family:Manrope-Extrabold,sans-serif;font-size:22vw;line-height:10rem}& h4{font-size:4rem;line-height:4rem}& h4,& h5{font-family:Manrope-Bold,sans-serif}& h5{font-size:3rem;line-height:3rem}& b{font-family:Manrope-Bold,sans-serif}& p{font-family:Manrope-Medium,sans-serif;font-size:3rem;line-height:4rem;margin:0;padding:0;text-indent:8%;text-transform:uppercase}}.notes{font-family:Manrope-Medium,sans-serif;font-size:2.5rem;line-height:3.5rem;margin:0;padding:0}.projectDetails_page{& h1{font-family:Manrope-Semibold,sans-serif;font-size:6rem;line-height:6rem}& h2{font-family:Manrope-Extralight,sans-serif;font-size:10rem;line-height:10rem}& h3{font-family:Manrope-Medium,sans-serif;font-size:5rem;line-height:5rem}& h4{font-family:Manrope-Bold,sans-serif;line-height:4rem}& h4,& p{font-size:3rem}& p{font-family:Manrope-Regular,sans-serif;line-height:5rem;margin:0;padding:0;text-indent:8%}}@media only screen and (min-width:1024px){.page_index{& h1{font-size:15rem;line-height:15rem}& h2{font-size:10rem;line-height:10rem}& h3{font-size:13vw;line-height:25rem}& h4{font-size:5rem}& h4,& p{line-height:5rem}& p{font-size:4rem}}.projectDetails_page{& h1{font-size:8rem;line-height:8rem}& h2{font-size:13rem;line-height:13rem}& h3{font-size:7rem;line-height:7rem}& h4{line-height:4rem}& h4,& p{font-size:3rem}& p{line-height:5rem}}}@media only screen and (min-width:1364px){.page_index{& h1{font-size:22rem;line-height:22rem}& h2{font-size:15rem;line-height:15rem}& h3{font-size:13.2vw;line-height:1}& h4{font-size:8rem;line-height:8rem}& p{font-size:5rem;line-height:6rem}}.projectDetails_page{& h1{font-size:12rem;line-height:12rem}& h2{font-size:20rem;line-height:20rem}& h3{font-size:8rem;line-height:8rem}}}:root{--space-xs-size:1rem;--space-s-size:3rem;--space-m-size:3rem;--space-l-size:8rem;--space-xl-size:15rem}@media only screen and (min-width:1024px){:root{--space-xs-size:1rem;--space-s-size:3rem;--space-m-size:5rem;--space-l-size:8rem;--space-xl-size:15rem}}@media only screen and (min-width:1364px){:root{--space-xs-size:1rem;--space-s-size:4rem;--space-m-size:7rem;--space-l-size:10rem;--space-xl-size:30rem}}@media only screen and (min-width:1800px){:root{--space-xs-size:3rem;--space-s-size:6rem;--space-m-size:9rem;--space-l-size:12rem;--space-xl-size:40rem}}.line{opacity:0;transition:opacity 5s ease}.reveal{opacity:1}.background_blended{background-color:#fff;height:12rem;opacity:1;position:absolute;top:0;width:100%;z-index:10}.menuModify{padding-top:33rem}.menuInitial,.menuModify{transition:all .3s ease}@media only screen and (min-width:1024px){.background_blended{position:fixed}.menuModify{padding-top:0;transition:all .3s ease}}.page_container{margin:var(--space-s-size) var(--space-m-size);padding-top:12rem}.show_animation{animation:show .8s ease-in}@keyframes show{0%{opacity:0}to{opacity:1}}.page_index{& .page_intro{margin-bottom:var(--space-xl-size);& .page_header{& h1{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-m-size);width:100%}}}& .introduce_myself,.profile_section{padding-bottom:var(--space-xl-size);& .landing_paragraph{margin:auto;max-width:155rem;& p{display:flex;flex-wrap:wrap;text-indent:0;width:100%}& p:first-child{margin-bottom:var(--space-l-size);transition:reveal forwards 1s ease}& span:first-child{margin-left:8%}}& .word{margin-right:1.3rem;opacity:0;transition:all .5s ease}& .show{opacity:1;transition:all .6s ease}}& .introduce_myself p:first-child span:nth-child(5),.introduce_myself p:first-child span:nth-child(8),.introduce_myself p:nth-child(2) span:nth-child(6){font-family:Manropre-Bold,sans-serif;font-weight:600}.ocupation{text-align:right;width:100%}& .self_portrait{background-image:url(/static/media/yo-banner-negro-movil.bfdaa94bfe98bb8bb9a3.jpg);background-position:50%;background-size:cover;height:calc(100vh - 45rem);width:100%}.projects_section{& h2{display:flex;justify-content:space-between;padding-bottom:var(--space-xl-size)}}.profile_section{& h2{display:flex;margin-bottom:var(--space-xl-size)}& .profile_description{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:140rem;& img{margin-bottom:var(--space-xl-size);max-width:60rem;width:100%}}}.skills_section{margin-bottom:var(--space-xl-size);& h4{display:flex;justify-content:space-between;margin-bottom:var(--space-l-size);width:100%}& h5{margin-bottom:var(--space-s-size);@media screen and (max-width:900px){text-align:center}}& .grid-container{grid-gap:0;display:grid;font-family:Manrope-Regular;font-size:4rem;grid-template-columns:repeat(3,1fr);line-height:5rem;margin-bottom:var(--space-l-size);margin-left:calc(var(--space-m-size) - var(--space-m-size) - var(--space-m-size));position:relative;text-transform:uppercase;width:calc(100% + var(--space-m-size) + var(--space-m-size));@media screen and (max-width:900px){grid-template-columns:1fr}&:before{background-color:var(--main-principal-color);content:"";height:1px;left:0;position:absolute;top:0}}& .item{padding:var(--space-s-size) var(--space-m-size);position:relative;text-align:center;text-indent:0!important;&:after{background-color:var(--main-principal-color);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}}& .item:nth-child(3n+1){text-align:left;@media screen and (max-width:900px){text-align:center}}& .item:nth-child(3n){text-align:right;@media screen and (max-width:900px){text-align:center}}}& .resourses_section{display:flex;justify-content:center;margin-bottom:var(--space-xl-size);& span{font-family:Manrope-Regular,sans-serif;font-size:3rem;text-transform:uppercase}& div{align-items:center;display:flex;gap:var(--space-s-size);justify-content:center;& span{text-indent:0!important}}}}@media only screen and (min-width:580px){.page_index{& .self_portrait{background-image:url(/static/media/yo-banner-negro.f1d724004dd010f6b5d7.png);background-position:50%;background-size:cover;height:calc(100vh - 45rem);width:100%}}.page_index{transition:all .5s ease;& .ocupation{width:auto}.page_intro{height:calc(100vh - 10rem - var(--space-s-size) - var(--space-m-size))}& .self_portrait{height:calc(100% - 15rem - var(--space-m-size));transition:all .5s ease}}}@media only screen and (min-width:1366px){.page_index{& .self_portrait{height:calc(100% - 22rem - var(--space-m-size))!important;transition:all .5s ease}}}@keyframes opacity_scale{0%{opacity:.5;scale:95%}to{opacity:1;scale:100%}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{margin-top:4rem}to{margin-top:0}}.grid-container:before,.grow_animation,.skills_table .item:after{view-timeline-name:--skillsLine;view-timeline-axis:block;animation-timeline:--skillsLine;animation-range:entry 50% cover 70%;animation-fill-mode:both;animation-name:grow}.opacity_animation{view-timeline-name:--h2;view-timeline-axis:block;animation-timeline:--h2;animation-range:entry 50% cover 80%;animation-fill-mode:both;animation-name:opacity}.project_card{display:flex;flex-wrap:wrap;margin-bottom:var(--space-xl-size);transition:all .5s ease;& h3{word-wrap:break-word;line-height:.9;order:1;width:100%}& .notes{margin-top:3rem;order:3;width:100%}}.project_img{align-items:center;aspect-ratio:16/12;background-color:#faebd7;display:flex;justify-content:center;margin-top:-3rem;order:2;width:100%;& .project_animation{aspect-ratio:16/9;width:80%}}@media only screen and (min-width:1024px){.project_card{align-items:center;flex-wrap:nowrap;& .notes{align-self:flex-start;margin-right:2rem;margin-top:2rem;width:10%}& h3{width:52%}}.project_img{aspect-ratio:9/12;margin-top:0;width:40%;& .project_animation{aspect-ratio:16/9;width:80%}}.left_aligned{flex-direction:none;& h3{margin-right:-4rem}& .notes{margin-left:2rem}& .project_img{margin-right:2rem}}.right_aligned{flex-direction:row-reverse;& h3{margin-left:-4rem}& .project_img{margin-left:4rem}}}@media only screen and (min-width:1366px){.project_card{align-items:flex-start;& h3{margin-top:10rem}& .notes{margin-top:3rem;width:12%}}}.text_container{height:7rem;margin-left:calc(var(--space-m-size) - var(--space-m-size)*2);margin-right:calc(var(--space-m-size) - var(--space-m-size)*2);overflow:hidden;white-space:nowrap;& span{position:relative;word-spacing:.3em}}@media only screen and (min-width:1024px){.text_container{height:11rem}}@media only screen and (min-width:1366px){.text_container{height:14rem}}.main_button{align-items:center;background-color:initial;border:1px solid var(--main-principal-color);border-radius:100%;cursor:pointer;display:flex;height:7rem;justify-content:center;transition:all .5s ease;width:7rem;& img{width:3rem}}.video-container{border:calc(var(--space-l-size) + var(--space-m-size)) solid var(--main-principal-color);cursor:pointer;display:inline-block;position:relative;width:100%}.video-container video{display:block;width:100%}.progress-bar{background-color:#727272;bottom:0;height:4px;left:0;position:absolute;width:100%;z-index:1;@media only screen and (max-width:1024px){display:none}}.progress{background-color:var(--main-accent-color);height:100%;transition:all .3s ease;width:0;@media only screen and (max-width:1024px){display:none}}.state-paused{bottom:calc(var(--space-m-size) - var(--space-s-size) - var(--space-s-size) - var(--space-s-size));color:var(--main-accent-color);font-family:Manrope-Regular,sans-serif;font-size:2rem;left:var(--space-s-size);left:calc(var(--space-m-size)/3);line-height:24px;position:absolute;transition:all .5s ease;&:before{background-image:url(/static/media/icon_video_pause.9f56dc28565b99955de4.svg);content:"";height:3rem;left:-3rem;position:absolute;top:0;width:3rem}}@media only screen and (max-width:1024px){.video-container{border:5rem solid}.state-paused{bottom:-4rem;font-size:1.5rem;left:2rem}&:before{height:1rem;width:1rem}}@media only screen and (min-width:1800px){.state-paused{bottom:-6rem;left:2rem}}.projectDetails_page{& .project_intro{margin-bottom:var(--space-xl-size)}& .project_principal_header{align-items:center;display:flex;height:calc(var(--space-xl-size)*2);margin-bottom:var(--space-s-size);& h1{text-align:center;width:100%}}& .project_credits{margin-bottom:var(--space-s-size)}& .project_context,& .project_credits{display:flex;flex-wrap:wrap}& .project_context{margin-bottom:var(--space-xl-size);row-gap:var(--space-l-size);& .context,.challenge{row-gap:var(--space-s-size)}}& .project_highlights{height:auto;width:100%;& h3{margin-bottom:var(--space-xl-size)}}}@media only screen and (min-width:1024px){.project_credits{justify-content:space-between}& .project_context{& .context,.challenge{display:flex;flex-wrap:nowrap;justify-content:space-between;row-gap:var(--space-s-size);& p{width:68.5%}}}}.highlight_article{& .content{margin-bottom:calc(var(--space-l-size) + var(--space-m-size))}& h4{margin-bottom:var(--space-s-size)}& .text{display:flex;flex-wrap:wrap;row-gap:var(--space-m-size);& video{width:100%}}}@media only screen and (min-width:1024px){& .content{margin-bottom:0}.highlight_article{display:flex;flex-wrap:wrap;row-gap:var(--space-l-size);& .content{display:flex;justify-content:space-between}& h4{width:20%}& .text{width:68.5%}}}.ProjectPrefooter{margin-left:calc(var(--space-m-size) - var(--space-m-size)*2);margin-right:calc(var(--space-m-size) - var(--space-m-size)*2);& .back_to_top{align-items:center;display:flex;gap:2rem;justify-content:flex-end;margin-bottom:var(--space-m-size);margin-top:var(--space-l-size);padding-right:var(--space-m-size);width:100%;& span{font-family:Manrope-Regular,sans-serif;font-size:2rem}}}.projects_wrapper{& ul{border-top:1px solid var(--main-principal-color);display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:var(--space-m-size);padding-right:var(--space-m-size);padding-top:var(--space-s-size);@media only screen and (min-width:570px){flex-wrap:nowrap}& li{align-items:center;column-gap:2rem;display:flex;font-family:Manrope-Regular,sans-serif;font-size:3rem;line-height:4rem;width:100%}& li:last-child{flex-direction:row-reverse}}}.main_header{height:12rem;position:absolute;top:0;transition:.5s;width:100%;z-index:100}.line-appear:before{animation:grow .8s forwards;background-color:var(--main-principal-color);bottom:0;content:"";height:1px;opacity:1;position:absolute}@keyframes grow{0%{width:0}to{width:100%}}.menuBG{background-color:var(--main-accent-color)}.main_header_content{align-items:center;display:flex;height:100%;justify-content:space-between;position:absolute;width:100%;z-index:100}.logo_container{& span{display:none}}.logo{width:3rem}.main_menu{font-family:Manrope-Extrabold,sans-serif;font-size:2rem;line-height:3rem;margin-left:4rem;text-transform:uppercase;& img{width:3rem}& .main_menu_trigger{cursor:pointer}& .main_menu_trigger,& ul{align-items:center;display:flex}& ul{align-content:center;background-color:var(--main-accent-color);flex-wrap:wrap;font-family:Manrope-Medium;font-size:3rem;height:calc(34rem - 5px);justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:80px;transition:all .3s ease;width:100%;& li{cursor:pointer;padding:4rem 0;text-align:center;width:100%;&:nth-child(2){border-bottom:1px solid var(--main-principal-color);border-top:1px solid var(--main-principal-color)}&:last-child{border-bottom:1px solid var(--main-principal-color)}}}}.main_header_content{padding:0 var(--space-m-size)}.menu_music{& span{display:none}}.sound_button{align-items:center;border:1px solid var(--main-principal-color);border-radius:100%;cursor:pointer;display:flex;height:4rem;justify-content:center;width:4rem;& img{width:2rem}}.music_Player_Wrapper{height:10rem;position:absolute;right:calc(var(--space-m-size) + 7rem);top:7px;transition:all .5s ease;width:55rem;@media only screen and (max-width:1300px){width:45rem}@media only screen and (max-width:1200px){background-color:#fff;left:var(--space-m-size);top:14rem;width:calc(100% - var(--space-m-size) - var(--space-m-size))}}.main_menu{& .grow{height:0!important}& .hidden{display:none;opacity:0}}@media only screen and (min-width:1024px){.main_header{position:fixed}.logo_container{align-items:center;display:flex;font-family:Manrope-Regular;font-size:1.8rem;gap:2rem;width:40rem;& span{display:block;width:140px}}.logo{width:2rem}.main_menu_trigger{display:none!important}.main_menu{margin:0;& ul{align-content:center;align-items:center;background-color:initial;display:flex;flex-wrap:nowrap;font-family:Manrope-Extrabold;font-size:2rem;height:inherit;justify-content:center;left:inherit;overflow:hidden;position:relative;right:inherit;top:inherit;width:inherit;& li{padding:0;&:nth-child(2){border:none;margin:0 4rem}&:last-child{border:none}}}& .hidden{display:block;opacity:1}}.menuBG{background-color:initial}.menu_music{align-items:center;color:var(--main-principal-color);display:flex;font-family:Manrope-Regular,sans-serif;font-size:1.8rem;gap:2rem;justify-content:flex-end;width:40rem;& span{display:block}}.main_menu{& .grow{height:auto!important}}}.music_player{align-items:center;border:1px solid #000;border-radius:5rem;display:flex;height:10rem;justify-content:space-between;padding:0 5rem;transition:all .5s ease;width:100%;& .info_container{align-items:center;display:flex;gap:2rem;width:60%}& .cover{height:7rem;object-fit:cover;width:7rem}& .title{font-family:Manrope-Bold,sans-serif;font-size:2.1rem;line-height:1.5;width:50px;@media only screen and (min-width:530px){width:200px}@media only screen and (min-width:1201px){width:100px}@media only screen and (min-width:1302px){width:150px}}& .author,& .title{margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}& .author{font-family:Manrope-Regular,sans-serif;font-size:1.8rem;line-height:1;max-width:140px}& .controls_container{display:flex;justify-content:space-between;max-width:200px;width:35%}& .button{background-color:initial;border:none;cursor:pointer;padding:0}& .button,& .icon{height:4rem;width:4rem}}
/*# sourceMappingURL=main.29054f53.css.map*/