@font-face{font-family:SpaceGrotesk-JesusMejias;src:url(/assets/SpaceGrotesk-Brjv1EB3.woff2)format("woff2")}@font-face{font-family:AvenirLight-JesusMejias;src:url(/assets/AvenirLight-DFoZUAJs.woff2)format("woff2")}:root{font-size:16px}body{background-color:#fff;margin:0;padding:0;font-family:AvenirLight-JesusMejias,sans-serif}@media (width>=768px){body{width:100dvw;overflow:hidden}}*,:before,:after{box-sizing:border-box}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.container{max-width:1280px;margin:0 auto}.top-section{padding:2rem 2rem 0}@media (width>=768px){.top-section{width:100%;height:60%;padding:unset;display:flex;position:absolute;top:0;left:0}.top-section .container{gap:1rem;margin-top:auto;display:flex}.top-section .left{flex:2;margin-bottom:2rem;padding:0 2rem}}@media (width>=1024px){.top-section .left{flex:1;padding:0 3rem}}.top-section .left .name{text-transform:uppercase;margin-top:2rem;margin-bottom:.5rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:2rem}@media (width>=768px){.top-section .left .name{margin-top:4rem;margin-bottom:1rem;font-size:2.125rem}}@media (width>=1024px){.top-section .left .name{font-size:3.625rem}}.top-section .left .title{letter-spacing:10%;font-size:1.25rem}@media (width>=768px){.top-section .left .title{font-size:1rem}}@media (width>=1024px){.top-section .left .title{letter-spacing:14%;font-size:1.25rem}}.top-section .right{margin-top:2rem}@media (width>=768px){.top-section .right{flex:3;margin-top:0;padding:0 2rem}}@media (width>=1024px){.top-section .right{flex:1;padding:0 3rem}}@media (width>=768px){.top-section .right .landing-box{border:1px dashed #afafaf;border-radius:1rem;padding:1rem 1.5rem;transition:opacity .3s cubic-bezier(.32,.72,0,1);box-shadow:12px 12px #0000001a}.top-section .right .landing-box.hidden{opacity:0;pointer-events:none}}.top-section .right .landing-box .landing-title{text-transform:uppercase;letter-spacing:14%;margin-bottom:1rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.25rem}.top-section .right .landing-box .landing-title span{transform-origin:70% 70%;animation:2s ease-in-out 1s wave;display:inline-block}.top-section .right .landing-box p{margin:0}.content-bar{will-change:width, height, top, left, transform, border-radius;background-color:#f6f6f6;border-radius:0;width:100%;height:210px;transition:all .7s cubic-bezier(.32,.72,0,1);display:none;position:absolute;top:60%;left:50%;transform:translate(-50%)}@media (width>=768px){.content-bar{display:block}}@media (width>=1300px){.content-bar{border-radius:1rem;width:1280px}}.content-bar.active{display:none}@media (width>=768px){.content-bar.active{display:block}}.content-bar.active{border-radius:0;width:60%;height:100%;top:0;left:40%;transform:translate(0)}@media (width>=1024px){.content-bar.active{width:50%;max-width:640px;left:50%}}@media (width>=768px){.middle-section{width:100%;height:210px;position:absolute;top:60%;left:0}}.middle-section .mobile-nav-bar ul{margin:2rem 0 0;padding:0;list-style:none}.middle-section .mobile-nav-bar ul li{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#f6f6f6;align-items:center;gap:1rem;padding:.875rem 2rem;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:flex}.middle-section .mobile-nav-bar ul li svg path{transition:fill .2s ease-in-out}.middle-section .mobile-nav-bar ul li.work{color:#f60}.middle-section .mobile-nav-bar ul li.projects{color:#3b80a0}.middle-section .mobile-nav-bar ul li.education{color:#9a2664}.middle-section .mobile-nav-bar ul li.contact{color:#2cbb9c}@media (pointer:fine) and (hover:hover){.middle-section .mobile-nav-bar ul li:hover{color:#fff}.middle-section .mobile-nav-bar ul li:hover svg path{fill:#fff}.middle-section .mobile-nav-bar ul li:hover.work{background-color:#f60}.middle-section .mobile-nav-bar ul li:hover.projects{background-color:#3b80a0}.middle-section .mobile-nav-bar ul li:hover.education{background-color:#9a2664}.middle-section .mobile-nav-bar ul li:hover.contact{background-color:#2cbb9c}}.middle-section .mobile-nav-bar ul li.pressed{color:#fff}.middle-section .mobile-nav-bar ul li.pressed svg path{fill:#fff}.middle-section .mobile-nav-bar ul li.pressed.work{background-color:#f60}.middle-section .mobile-nav-bar ul li.pressed.projects{background-color:#3b80a0}.middle-section .mobile-nav-bar ul li.pressed.education{background-color:#9a2664}.middle-section .mobile-nav-bar ul li.pressed.contact{background-color:#2cbb9c}.middle-section .mobile-nav-bar ul li span{font-size:1.125rem}.middle-section .icons-bar{width:100%;max-width:1280px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.middle-section .icons-bar ul{justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=1024px){.middle-section .icons-bar ul{justify-content:unset;gap:3rem;padding:0 3rem}}.middle-section .icons-bar ul li{user-select:unset;-webkit-user-select:unset;background-color:#0000;flex-shrink:0;width:160px;height:160px;padding:0;transition:all .5s cubic-bezier(.32,.72,0,1);display:block;position:relative}.middle-section .icons-bar ul li svg.shade{width:148px;height:148px;transition:all .1s ease-in-out;position:absolute;bottom:0;right:0}.middle-section .icons-bar ul li svg.shade.top-shape{z-index:1;top:0;left:0}.middle-section .icons-bar ul li svg.shade.top-shape path,.middle-section .icons-bar ul li svg.shade.top-shape circle{fill-opacity:0;cursor:pointer}.middle-section .icons-bar ul li svg.shade.top-shape.selected path,.middle-section .icons-bar ul li svg.shade.top-shape.selected circle{cursor:default}.middle-section .icons-bar ul li svg.shade.hovered,.middle-section .icons-bar ul li svg.shade.selected{bottom:12px;right:12px}.middle-section .icons-bar ul li svg.shade.selected{opacity:0}.middle-section .icons-bar ul li .button{width:148px;height:148px;display:block;position:absolute;top:0;left:0}.middle-section .icons-bar ul li .button .tooltip{z-index:2;color:#fff;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;padding:.625rem .875rem;font-size:1rem;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.middle-section .icons-bar ul li .button .tooltip.work{background-color:#f609}.middle-section .icons-bar ul li .button .tooltip.projects{background-color:#3b80a099}.middle-section .icons-bar ul li .button .tooltip.education{background-color:#9a266499}.middle-section .icons-bar ul li .button .tooltip.contact{background-color:#2cbb9c99}.middle-section .icons-bar ul li .button svg.icon{transition:fill .1s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.middle-section .icons-bar ul li .button svg.icon path{transition:fill .2s ease-in-out}.middle-section .icons-bar ul li .button svg.base{position:absolute;top:0;left:0}.middle-section .icons-bar ul li .button svg.base path:not(.inner-shape){-webkit-user-select:none;user-select:none}.middle-section .icons-bar ul li .button svg.base .base-transparency{transition:fill-opacity .4s ease-in-out}.middle-section .icons-bar ul li .button svg.base g>path,.middle-section .icons-bar ul li .button svg.base g>circle{transition:transform .3s ease-in-out}.middle-section .icons-bar ul li .button.hovered svg.icon path,.middle-section .icons-bar ul li .button.selected svg.icon path{fill:#fff}.middle-section .icons-bar ul li .button.hovered svg.base .base-transparency,.middle-section .icons-bar ul li .button.selected svg.base .base-transparency{fill-opacity:1}.middle-section .icons-bar ul li .button.hovered svg.base g>path,.middle-section .icons-bar ul li .button.hovered svg.base g>circle,.middle-section .icons-bar ul li .button.selected svg.base g>path,.middle-section .icons-bar ul li .button.selected svg.base g>circle{transform:translate(136px,136px)}.page-content{z-index:999;opacity:0;background-color:#fff;width:100%;min-height:100vh;padding:1rem 2rem;animation:.4s cubic-bezier(.32,.72,0,1) forwards contentFadeInMobile;display:block;position:absolute;top:0}@media (width>=768px){.page-content{max-height:1000px;min-height:unset;opacity:0;background-color:#0000;flex-direction:column;width:60%;height:100%;padding:3rem 6rem;animation:.6s cubic-bezier(.32,.72,0,1) .3s forwards contentFadeIn;display:flex;top:50%;left:40%}}@media (width>=1024px){.page-content{width:50%;max-width:640px;left:50%;transform:translateY(-50%)}}.page-content.exiting{animation:.3s cubic-bezier(.32,.72,0,1) forwards contentFadeOutMobile}@media (width>=768px){.page-content.exiting{animation:.4s cubic-bezier(.32,.72,0,1) forwards contentFadeOut}}.page-content h1{text-transform:uppercase;margin:0 0 1rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.625rem;font-weight:300}@media (width>=768px){.page-content h1{margin:0 0 2rem;font-size:2rem}.page-content.work .work-list-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-content.work .work-list-wrapper:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#f6f6f6 0%,#0000 100%);width:100%;height:4rem;position:absolute;top:0;left:0}.page-content.work .work-list-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#f6f6f6 100%);width:100%;height:6rem;position:absolute;bottom:0;left:0}}.page-content.work .work-list-wrapper ul.work-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.page-content.work .work-list-wrapper ul.work-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:3rem 0;display:flex;overflow-y:auto}.page-content.work .work-list-wrapper ul.work-list::-webkit-scrollbar{display:none}}.page-content.work .work-list-wrapper ul.work-list li{border:1px dashed #a3a3a3;padding:1rem}.page-content.work .work-list-wrapper ul.work-list li .job-company{text-transform:uppercase;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.25rem;font-weight:300}@media (width>=768px){.page-content.projects .projects-list-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-content.projects .projects-list-wrapper:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#f6f6f6 0%,#0000 100%);width:100%;height:4rem;position:absolute;top:0;left:0}.page-content.projects .projects-list-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#f6f6f6 100%);width:100%;height:6rem;position:absolute;bottom:0;left:0}}.page-content.projects .projects-list-wrapper ul.projects-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.page-content.projects .projects-list-wrapper ul.projects-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:3rem 0;display:flex;overflow-y:auto}.page-content.projects .projects-list-wrapper ul.projects-list::-webkit-scrollbar{display:none}}.page-content.projects .projects-list-wrapper ul.projects-list li{border:1px dashed #a3a3a3;padding:1rem}.page-content.projects .projects-list-wrapper ul.projects-list li .project-title{text-transform:uppercase;margin-bottom:1rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.25rem;font-weight:300}.page-content.projects .projects-list-wrapper ul.projects-list li .project-title a{color:inherit;border-bottom:1px dashed #a3a3a3;text-decoration:none}.page-content.projects .projects-list-wrapper ul.projects-list li .project-title a:hover{border-color:#000}.page-content.projects .projects-list-wrapper ul.projects-list li .project-year{opacity:.6;margin-bottom:.5rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:.875rem}.page-content.projects .projects-list-wrapper ul.projects-list li .project-tech{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.page-content.projects .projects-list-wrapper ul.projects-list li .project-tech li{background-color:#d9d9d9;border:none;padding:.25rem .5rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:.875rem}.page-content.projects .projects-list-wrapper ul.projects-list li .links{gap:1rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.page-content.projects .projects-list-wrapper ul.projects-list li .links li{border:none;padding:0}.page-content.projects .projects-list-wrapper ul.projects-list li .links li a{color:inherit;border:1px solid #000;padding:.5rem .75rem;text-decoration:none;display:block}.page-content.projects .projects-list-wrapper ul.projects-list li .links li a:hover{color:#fff;background-color:#000}@media (width>=768px){.page-content.education .education-list-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-content.education .education-list-wrapper:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#f6f6f6 0%,#0000 100%);width:100%;height:4rem;position:absolute;top:0;left:0}.page-content.education .education-list-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#f6f6f6 100%);width:100%;height:6rem;position:absolute;bottom:0;left:0}}.page-content.education .education-list-wrapper ul.education-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.page-content.education .education-list-wrapper ul.education-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:3rem 0;display:flex;overflow-y:auto}.page-content.education .education-list-wrapper ul.education-list::-webkit-scrollbar{display:none}}.page-content.education .education-list-wrapper ul.education-list li{border:1px dashed #a3a3a3;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.page-content.education .education-list-wrapper ul.education-list li .education-title{text-transform:uppercase;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.25rem;font-weight:300}.page-content.education .education-list-wrapper ul.education-list li .graduation-year{background-color:#d9d9d9;margin-right:auto;padding:.25rem .5rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:.875rem}@media (width>=768px){.page-content.contact .contact-list-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-content.contact .contact-list-wrapper:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#f6f6f6 0%,#0000 100%);width:100%;height:4rem;position:absolute;top:0;left:0}.page-content.contact .contact-list-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#f6f6f6 100%);width:100%;height:6rem;position:absolute;bottom:0;left:0}}.page-content.contact .contact-list-wrapper ul.contact-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.page-content.contact .contact-list-wrapper ul.contact-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:3rem 0;display:flex;overflow-y:auto}.page-content.contact .contact-list-wrapper ul.contact-list::-webkit-scrollbar{display:none}}.page-content.contact .contact-list-wrapper ul.contact-list li{border:1px dashed #a3a3a3;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.page-content.contact .contact-list-wrapper ul.contact-list li .contact-title{text-transform:uppercase;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.25rem;font-weight:300}.page-content.contact .contact-list-wrapper ul.contact-list li .contact-title a{color:inherit;border-bottom:1px dashed #a3a3a3;text-decoration:none}.page-content.contact .contact-list-wrapper ul.contact-list li .contact-title a:hover{border-color:#000}.page-content .mobile-top{text-transform:uppercase;background-color:#fff;border-bottom:2px solid #000;margin:0 -2rem 2rem;padding:.5rem 2rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:2rem;font-weight:400}@media (width>=768px){.page-content .mobile-top{display:none}}.page-content .mobile-back{gap:1rem;margin-bottom:2rem;display:flex}.page-content .mobile-back svg{margin-top:6px}.page-content .mobile-back h1{flex:1;margin-bottom:0}@media (width>=768px){.page-content .mobile-back .back-arrow{display:none}}footer{text-transform:uppercase;color:#949494;letter-spacing:14%;text-align:center;margin-top:1rem;padding:1rem 2rem;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:.75rem}footer img{vertical-align:sub}footer span{white-space:nowrap;display:inline-block}@media (width>=768px){footer{text-align:left;justify-content:unset;width:40dvw;margin-top:0;padding:1rem 3rem;position:absolute;bottom:0;left:0}}@media (width>=1024px){footer{width:100dvw;max-width:1280px;padding:1rem 3rem;position:absolute;left:50%;transform:translate(-50%)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(-45%)}to{opacity:1;transform:translateY(-50%)}}@keyframes contentFadeOut{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-45%)}}@keyframes contentFadeInMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeOutMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (pointer:fine) and (hover:hover){.back-arrow:hover{cursor:pointer}}@media (width>=768px){.back-arrow{opacity:.6;transition:opacity .3s ease-in-out;position:absolute;top:50%;left:calc(40% - 147px);transform:translateY(-50%)}}@media (width>=1024px){.back-arrow{left:calc(50% - 147px)}}.back-arrow mask path{transition:transform .3s ease-in-out;transform:translate(-19px)}.back-arrow:hover,.back-arrow.pressed{opacity:1}.back-arrow:hover mask path,.back-arrow.pressed mask path{transform:translate(0)}.back-arrow:hover mask path:last-child,.back-arrow.pressed mask path:last-child{transition-delay:.15s}.resize-warning{z-index:9999;text-align:center;text-transform:uppercase;background-color:#fff;width:100%;height:100%;padding-top:50vh;font-family:SpaceGrotesk-JesusMejias,sans-serif;font-size:1.5rem;display:none;position:fixed;top:0;left:0}@media (width>=768px) and (height<=700px){.resize-warning{display:block}}