@font-face{font-family:Lamoric-Rowen;src:url(/fonts/LamoricRowenTTF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}:root{--color-bg: #0b0b0c;--color-text-primary: #ededed;--color-text-secondary: rgba(237, 237, 237, .6);--color-accent: #e63946;--space-1: 8px;--space-2: 16px;--space-3: 32px;--space-4: 64px;--space-5: 96px;--font-xs: 8px;--font-sm: 12px;--font-md: 16px;--font-lg: 24px;--font-xl: 32px;--font-2xl: 48px;--font-3xl: 64px;--font-4xl: 96px}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:Poppins,sans-serif;font-weight:300;font-size:var(--font-sm)}#root{min-height:100dvh;padding-inline:var(--space-2);padding-block:var(--space-4);display:flex;justify-content:center;align-items:center}@media(min-width:769px)and (max-width:1024px){#root{padding-inline:var(--space-1);padding-block:var(--space-2)}}@media(max-width:768px){#root{padding-inline:0px;padding-block:var(--space-2)}}.layout{width:100%;height:calc(100dvh - 128px);display:flex;justify-content:center;align-items:center}.footer{display:flex;justify-content:center;align-items:flex-end;height:100dvh}.footer__wrapper{display:flex;justify-content:center;align-items:center;width:40px;position:relative}.footer__p{transform:rotate(-90deg);transform-origin:center center;white-space:nowrap;position:absolute;bottom:112px;color:var(--color-accent)}.main{position:relative;padding:var(--space-3);height:100%;width:100%;display:flex}.main__container--left{position:absolute;top:0;left:0;margin:var(--space-3);display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 64px);width:fit-content}.hero{display:flex;flex-direction:column}.name,.loader__container--name{font-weight:100;font-size:var(--font-2xl);line-height:56px}.name__initial,.loader__name--initial{font-size:var(--font-3xl)}.subtitle,.loader__container--subtitle{margin-left:4px;font-size:var(--font-lg);color:var(--color-accent);font-weight:100}.about{display:flex;flex-direction:column;gap:var(--space-2);max-width:180px;color:var(--color-text-secondary)}.main__container--right{padding-block:var(--space-4);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4);flex:1;max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.main__container--right::-webkit-scrollbar{width:0px;background:transparent}.proyect{max-width:600px;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);cursor:pointer}.proyect__container{display:flex;justify-content:flex-end;gap:var(--space-1)}.proyect__id{font-size:var(--font-xl);font-weight:100;color:var(--color-text-primary)}.proyect__title{font-size:var(--font-4xl);font-weight:100;line-height:72px}.proyect__a{text-decoration:none;opacity:60%;color:var(--color-accent)}.proyect__a:hover{opacity:100%}.proyect__subtitle{font-size:var(--font-md);text-align:end}.proyect__containerLinks{display:flex;gap:var(--space-1)}.proyect__containerLink{display:flex;gap:4px;color:var(--color-accent);opacity:60%}.proyect__containerLink:hover{opacity:100%}.proyect__link{text-decoration:none;color:var(--color-text-primary);opacity:60%}.proyect__link:hover{opacity:100%}.header{display:flex;justify-content:center;align-items:center;height:100dvh}.header__navbar{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;align-items:center;width:40px}.header__navbar--item{transform:rotate(90deg);transform-origin:center center;white-space:nowrap;color:var(--color-text-secondary);text-decoration:none}.header__navbar--item:hover{color:var(--color-text-primary)}.highlight{color:var(--color-accent)}.highlight__initial{font-size:var(--font-md)}.loader{position:fixed;inset:0;width:100vw;height:100dvh;background-color:var(--color-bg);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:1;visibility:visible;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s}.loader__container{text-align:center;animation:entranceEffect .8s cubic-bezier(.4,0,.2,1) forwards;transition:filter .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}@keyframes entranceEffect{0%{opacity:0;filter:blur(15px);transform:scale(1.05)}to{opacity:1;filter:blur(0);transform:scale(1)}}.fade-out{opacity:0;visibility:hidden}.fade-out .loader__container{opacity:0;filter:blur(15px);transform:scale(1.05)}@media(min-width:769px)and (max-width:1024px){.layout{height:calc(100dvh - 64px)}.main{padding:var(--space-2)}.main__container--left{height:calc(100% - 32px);margin:var(--space-2)}.name,.loader__container--name{font-size:var(--font-xl);line-height:40px}.name__initial,.loader__name--initial{font-size:var(--font-2xl)}.subtitle,.loader__container--subtitle{margin-left:3px;font-size:var(--font-md)}.about{max-width:140px}.main__container--right{padding-block:var(--space-5);gap:var(--space-3)}.proyect{max-width:400px}.proyect__a{opacity:100%}.proyect__id{font-size:var(--font-lg)}.proyect__title{font-size:var(--font-3xl);line-height:52px}.proyect__subtitle{font-size:var(--font-sm)}.proyect__containerLink{opacity:100%}}@media(max-width:768px){.layout{height:calc(100dvh - 32px)}.main{padding:var(--space-1)}.main__container--left{height:calc(100% - 16px);margin:var(--space-1)}.footer__wrapper,.header__navbar{width:20px}.name,.loader__container--name{font-size:var(--font-lg);line-height:24px}.name__initial,.loader__name--initial{font-size:var(--font-xl)}.subtitle,.loader__container--subtitle{margin-left:2px;font-size:var(--font-sm)}.about{max-width:100px;font-size:var(--font-xs)}.main__container--right{padding-block:var(--space-4);gap:var(--space-2)}.proyect{max-width:200px}.proyect__a{opacity:100%}.proyect__id{font-size:var(--font-md)}.proyect__title{font-size:var(--font-2xl);line-height:42px}.proyect__subtitle{font-size:var(--font-sm)}.proyect__containerLink{opacity:100%}}