*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.35)}html{scroll-behavior:smooth;scrollbar-gutter:stable overlay}:root{--color-background: #ffffff;--color-foreground: #171717;--color-secondary-100: #6b645c;--color-secondary-200: #524d47;--color-secondary-300: #393632;--color-secondary-400: #080807;--color-secondary-50: #a29e9a;--color-secondary-75: #7e766c;--color-accent-200: #e8e8e3;--color-accent-200-rgb: 232, 232, 227;--color-text-bg: rgb(209,209,199);--color-accent-400: #d1d1c7;--color-accent-500: #bfbfb1;--color-accent-600: #8c8c73;--color-hightlight: #FF6B35;--color-error: #9e1f1f;--color-ad1a1a: #ad1a1a;--text-mono: clamp(0.6rem,0.5143rem + 0.3571vi,0.9rem);--text-skill: clamp(0.8rem,0.5143rem + 0.3571vi,0.9rem);--text-base-small: 1rem;--text-base: clamp(1rem,0.9286rem + 0.3571vi,1.25rem);--text-base-large: clamp(1rem,0.8571rem + 0.7143vi,1.5rem);--text-h6: clamp(1rem,0.928rem + 0.36vw,1.25rem);--text-h5: clamp(1.13rem,1.004rem + 0.63vw,1.57rem);--text-h4: clamp(1.25rem,1.0359rem + 1.0707vi,1.9995rem);--text-h3: clamp(1.5625rem,1.2474rem + 1.5755vi,2.6653rem);--text-h2: clamp(1.9531rem,1.496rem + 2.2854vi,3.5529rem);--text-h1: clamp(3.5rem,2.3571rem + 5.5143vi,10.5rem);--text-display: clamp(4rem,1.203rem + 10.0714vw,10.25rem);--text-body: clamp(1rem,0.6071rem + 1.0143vi,2.25rem);--text-h1-alt: clamp(3rem,2.5rem + 3.75vi,5.625rem);--text-h1-display: clamp(3.2rem,2.3571rem + 5.5143vi,6rem);--text-menu: clamp(2.5rem,1.107rem + 3.5714vi,4.5rem);--text-heading-1: clamp(3.5rem,2.3571rem + 5.5143vw,10.5rem);--text-heading-1--alt: clamp(3rem,2.25rem + 3.75vi,5.625rem);--text-heading-2: clamp(1.9531rem,1.496rem + 2.2854vi,3.5529rem);--text-heading-3: clamp(1.5625rem,1.2474rem + 1.5755vi,2.6653rem);--text-heading-4: clamp(1.25rem,1.0359rem + 1.0707vi,1.9995rem);--text-heading-5: clamp(1.13rem,1.004rem + 0.63vw,1.57rem);--text-heading-display: clamp(4rem,1.203rem + 10.0714vw,10.25rem);--text-heading-body: clamp(1rem,0.6071rem + 1.0143vi,2.25rem);--padding-horizontal--main: clamp(1rem,0.428rem + 2.86vw,3rem);--padding-v: clamp(0.89rem,0.862rem + 0.14vw,0.99rem);--padding-button: clamp(0.89rem,0.7rem + 0.14vw,0.88rem);--padding-top--main: clamp(1rem,1.8571rem + 1.5143vi,3.5rem);--space-3xs: clamp(0.3125rem,0.3125rem + 0vi,0.3125rem);--space-2xs: clamp(0.5625rem,0.5446rem + 0.0893vi,0.625rem);--space-xs: clamp(0.875rem,0.8571rem + 0.0893vi,0.9375rem);--space-sm: clamp(1.125rem,1.0893rem + 0.1786vi,1.25rem);--space-md: clamp(1.6875rem,1.6339rem + 0.2679vi,1.875rem);--space-lg: clamp(2.25rem,2.1786rem + 0.3571vi,2.5rem);--space-xl: clamp(3.375rem,3.2679rem + 0.5357vi,3.75rem);--space-2xl: clamp(4.5rem,4.3571rem + 0.7143vi,5rem);--space-3xl: clamp(5.25rem,5.8571rem + 0.9023vi,6.25rem);--gap-fluid: clamp(1rem,0.8571rem + 1.0143vi,3.5rem);--column-count: 12;--grid-main: repeat(var(--column-count),minmax(0,1fr));--grid-gap-total: calc(var(--gap-fluid) * (var(--column-count) - 1));--column-width: calc((100% - var(--grid-gap-total)) / var(--column-count) + var(--gap-fluid));--animate-dot: dot 2.5s linear infinite;--animate-pulse: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--font-family-sans: "Montserrat", sans-serif;--font-family-serif: "Libre Caslon Display", serif;--font-family-mono: "JetBrains Mono", monospace}body{font-family:var(--font-family-serif);background-color:var(--color-accent-200);color:var(--color-foreground);font-weight:500;max-width:100vw;min-height:100vh;overflow-x:hidden;line-height:inherit;font-size:var(--text-base) !important;font-optical-sizing:auto;font-style:normal}body h1,body h2,body h3,body h4,body h5,body h6,body .title{font-family:var(--font-family-sans);font-optical-sizing:auto;font-style:normal}body hr{border:none;border-top:1px solid var(--color-secondary-300);margin:var(--space-2xl) 0}body hr.muted{border:none !important}body hr.large{margin:var(--space-3xl) 0}body ion-icon{font-size:21px}body button,body a.button{padding:var(--padding-button) calc(var(--padding-button)*2);font-size:var(--text-base) !important;display:flex;width:-moz-max-content;width:max-content;text-decoration:none;font-family:var(--font-family-sans);align-items:center;grid-gap:var(--space-sm);font-optical-sizing:auto;font-style:normal;border:1px solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);cursor:pointer;border-radius:200px}body .highlight{color:var(--color-hightlight) !important}body .highlight *{color:var(--color-hightlight) !important}body .text-m{font-size:var(--text-base) !important;font-optical-sizing:auto;font-style:normal}body .text-s{font-size:var(--text-base-small) !important;font-optical-sizing:auto;font-style:normal}body .text-l{font-size:var(--text-base-large) !important;font-optical-sizing:auto;font-style:normal}body .text-xl{font-size:var(--text-h6) !important;font-optical-sizing:auto;font-style:normal}body .text-2xl{font-size:var(--text-h5) !important;font-optical-sizing:auto;font-style:normal}body .text-end{text-align:end}body .text-center{text-align:center}body .text-justify{text-align:justify}body .p-y-container{padding-top:var(--padding-horizontal--main);padding-bottom:var(--padding-horizontal--main)}body .p-x-container{padding-left:var(--padding-horizontal--main);padding-right:var(--padding-horizontal--main);margin:0 auto}body .d-flex{display:flex}body .flex-column{flex-direction:column}body .justify-center{justify-content:center}body .justify-around{justify-content:space-around}body .justify-between{justify-content:space-between}body .items-center{align-items:center}body .consola{font-family:var(--font-family-mono) !important}body .consola *{font-family:var(--font-family-mono) !important}body .cursor{width:80px;height:80px;border-radius:50%;background-color:var(--color-hightlight);opacity:.6;z-index:999;position:fixed;pointer-events:none;transform:translate(-50%, -50%);top:-80px;left:-80px;transition:all .3s ease-out;mix-blend-mode:difference}body .home-animator{position:fixed;z-index:9;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-secondary-400);animation:dissapearBlock .1s ease forwards;animation-delay:1.8s}@keyframes dissapearBlock{to{opacity:0;visibility:hidden}}body .home-animator div{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:10px;height:0;background-color:var(--color-accent-200);animation:doorAnimationHome 1.3s ease forwards;animation-delay:.5s}@keyframes doorAnimationHome{40%{height:100vh;width:10px}55%{height:100vh;width:10px}100%{width:100vw;height:100vh}}body .false-header{position:fixed;top:2.25rem;right:2rem;z-index:12;cursor:pointer;opacity:1;transform:none;pointer-events:auto;transform:translateX(calc(100% + 2rem));overflow:hidden}body .false-header.open .icon-close{transform:translateX(0) scale(1);opacity:1}body .false-header.open .icon-open{transform:translateX(100%) scale(0.5);opacity:0}body .false-header button{width:80px;height:80px;border-radius:50%;padding:0;border:none;background-color:var(--color-accent-400);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);overflow:hidden}body .false-header button .icon-open,body .false-header button .icon-close{color:var(--color-foreground);transition:all .3s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center}body .false-header button .icon-open ion-icon,body .false-header button .icon-close ion-icon{font-size:48px !important}body .false-header button .icon-close{position:absolute;transform:translateX(100%) scale(0.5);opacity:0}body #open-header{position:fixed;top:0;left:0;transform:translateX(100%);width:100vw;height:100vh;z-index:11;transition:all 1s ease}body #open-header.open{transform:translateX(0)}body #open-header .open-header-bg{position:absolute;width:100%;height:100%;backdrop-filter:blur(12px) brightness(1.1) contrast(1.25)}body header{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:3.5s;position:absolute;top:0;left:0;width:100%;z-index:10}body header .creative{animation:fadeIn 1s ease forwards;animation-delay:3.9s;display:inline-block;opacity:0;transform:translateX(-10px)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body header nav ul{list-style:none;display:flex;gap:var(--space-lg)}body header nav ul li{display:block;overflow:hidden;position:relative}body header nav ul li a{text-decoration:none;color:var(--color-foreground);font-size:var(--text-base);transition:all .3s ease;display:block}body header nav ul li a:after{content:attr(data-text);position:absolute;font-weight:500;left:0;top:100%;transition:all .3s ease}body header nav ul li:hover a{transform:translateY(-100%)}body #home{position:sticky;top:0;left:0;min-height:100vh;z-index:4}body #home .name{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);font-size:calc(var(--text-heading-1) + 1.5rem);text-align:center;font-weight:600;display:flex;grid-gap:var(--space-lg);transition:all .8s ease;color:var(--color-foreground)}body #home .name div{display:flex;overflow-y:hidden}body #home .name div span{display:inline-block;transform:translateY(100%);animation:textAnimationUp .6s ease forwards}@keyframes textAnimationUp{100%{transform:translateY(0);opacity:1}}body #home .name div:nth-child(1) span:nth-child(1){animation-delay:2.1s}body #home .name div:nth-child(1) span:nth-child(2){animation-delay:2.2s}body #home .name div:nth-child(1) span:nth-child(3){animation-delay:2.3s}body #home .name div:nth-child(1) span:nth-child(4){animation-delay:2.4s}body #home .name div:nth-child(1) span:nth-child(5){animation-delay:2.5s}body #home .name div:nth-child(2) span:nth-child(1){animation-delay:2.7s}body #home .name div:nth-child(2) span:nth-child(2){animation-delay:2.8s}body #home .name div:nth-child(2) span:nth-child(3){animation-delay:2.9s}body #home .name div:nth-child(3) span:nth-child(1){animation-delay:3.1s}body #home .name div:nth-child(3) span:nth-child(2){animation-delay:3.2s}body #home .name div:nth-child(3) span:nth-child(3){animation-delay:3.3s}body #home .me{position:absolute;left:50%;top:60%;transform:translate(-50%, -50%);z-index:-1;opacity:.9;animation:imageOpenDoor 1.3s ease forwards;animation-delay:2.5s;clip-path:inset(0 50% 0 50%)}body #home .me img{width:400px;height:auto}@keyframes imageOpenDoor{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0);opacity:.9}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}body #home .details{position:absolute;bottom:var(--space-xl);width:100vw;display:flex;justify-content:space-between}body #home .details .contact{max-width:400px;font-size:var(--text-h4);line-height:1.5;color:var(--color-foreground);padding-bottom:var(--space-2xl);padding-left:var(--space-md)}body #home .details .contact .text{overflow:hidden}body #home .details .contact .text p{animation:fadeInUp .6s ease forwards;animation-delay:2.9s;opacity:0;display:block;transform:translateY(20px)}body #home .details .contact a.get-cv{margin-top:var(--space-lg);display:flex;overflow:hidden;padding:0;grid-gap:0;flex-direction:column;position:relative;background-color:rgba(0,0,0,0);animation:fadeInUp .6s ease forwards;animation-delay:3.1s;opacity:0;transform:translateY(20px)}body #home .details .contact a.get-cv div{flex:1;display:flex;align-items:center;grid-gap:var(--space-sm);padding:calc(var(--padding-button)*1.4) calc(var(--padding-button)*3.4)}body #home .details .contact a.get-cv div:first-child{background-color:var(--color-foreground);color:var(--color-background);transition:all .3s ease}body #home .details .contact a.get-cv div:last-child{position:absolute;overflow:hidden;transform:translateY(100%);background-color:var(--color-text-bg);transition:all .3s ease;color:var(--color-foreground)}body #home .details .contact a.get-cv:hover div:first-child{transform:translateY(-100%)}body #home .details .contact a.get-cv:hover div:last-child{transform:translateY(0)}body #home .details .social{display:flex;flex-direction:column;align-items:center;justify-content:end;overflow:hidden}body #home .details .social a{display:block;padding:var(--space-sm);cursor:pointer;color:var(--color-foreground);transition:all .3s ease;transform:translateX(100%);opacity:0}body #home .details .social a:hover{color:var(--color-accent-600)}body #home .details .social a ion-icon{font-size:var(--text-h4) !important}body #home .details .social a{animation:popLeft .6s ease forwards}body #home .details .social a:nth-child(1){animation-delay:2.9s}body #home .details .social a:nth-child(2){animation-delay:3s}body #home .details .social a:nth-child(3){animation-delay:3.1s}@keyframes popLeft{to{transform:translateX(0);opacity:1}}body #home .paper-popup{position:absolute;bottom:20px;left:50%;z-index:1000;width:90vw;max-width:480px;background:var(--color-background);border:1px solid var(--color-accent-400);border-radius:20px;box-shadow:0 15px 35px -10px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(100%) scale(0.9);transition:opacity .5s cubic-bezier(0.2, 0.9, 0.4, 1.1),transform .5s cubic-bezier(0.2, 0.9, 0.4, 1.1),visibility .5s linear;pointer-events:none}body #home .paper-popup.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1);visibility:visible;pointer-events:auto}body #home .paper-popup .paper-popup-content{position:relative;padding:var(--space-lg)}body #home .paper-popup .goto{width:100%;display:flex;justify-content:flex-end}body #home .paper-popup .paper-popup-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:rgba(0,0,0,0);border:none;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--color-secondary-200);transition:all .2s ease}body #home .paper-popup .paper-popup-close:hover{background:var(--color-accent-200);color:var(--color-foreground)}body #home .paper-popup .paper-popup-close ion-icon{font-size:20px}body #home .paper-popup .paper-popup-text{font-family:var(--font-family-serif);font-size:var(--text-base);line-height:1.4;color:var(--color-foreground);margin-bottom:var(--space-md);padding-right:var(--space-md)}body #home .paper-popup .paper-popup-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-family-sans);font-size:var(--text-base-small);font-weight:500;color:var(--color-hightlight);text-decoration:none;background:rgba(255,107,53,.1);padding:var(--space-xs) var(--space-md);border-radius:40px;transition:all .2s ease}body #home .paper-popup .paper-popup-link:hover{background:var(--color-hightlight);color:var(--color-background)}body #home .paper-popup .paper-popup-link:hover ion-icon{transform:translate(2px, -2px)}body #home .paper-popup .paper-popup-link ion-icon{font-size:18px;transition:transform .2s ease}body #portfolio{width:100vw;max-width:100vw;overflow:hidden;position:relative;background-color:var(--color-secondary-400);z-index:9;color:var(--color-text-bg) !important;font-size:24px !important}body #portfolio h2.title{font-size:calc(var(--text-heading-1) - 1.5rem)}body #portfolio h3.title{font-size:calc(var(--text-heading-2) - 1rem)}body #portfolio .preset{font-size:var(--text-h4);line-height:1.5}body #portfolio div.title-box{overflow-y:hidden}body #portfolio .about>div{display:flex;align-items:start}body #portfolio .about .about-pic{flex:1;display:flex;align-items:end;justify-content:center;margin-top:50px}body #portfolio .about .about-pic img{width:400px;opacity:.8;height:auto}body #portfolio .about div.info{flex:1;margin-top:50px;display:flex;flex-direction:column;align-items:end;grid-gap:80px}body #portfolio .about div.info>div{max-width:50vw;display:flex;padding-right:50px}body #portfolio .about div.info>div>*:first-child{margin-right:50px;color:var(--color-accent-600);font-weight:bold}body #portfolio .background-language{display:flex}body #portfolio .background-language>div{flex:1;padding:0 var(--padding-horizontal--main)}body #portfolio .background-language>div:first-child{transform:translateY(-100px)}body #portfolio .background-language .language-section .info>div{display:flex;flex-direction:column;margin-top:20px;border-bottom:1px solid var(--color-secondary-300);padding-bottom:20px}body #portfolio .background-language .language-section .info>div p:first-child{margin-right:50px;color:var(--color-accent-600);font-weight:bold}body #portfolio .background-language .language-section .info>div p:last-child{padding-right:20px;text-align:end}body #portfolio .background-language .background-section .info>div{display:flex;justify-content:space-between;align-items:center;margin-top:80px}body #portfolio .background-language .background-section .info>div small{color:var(--color-accent-600);font-size:var(--text-base) !important;margin-top:10px;margin-left:20px;display:block;font-weight:bold}body #portfolio .background-language .background-section .info>div>p.preset{display:flex;align-items:center;justify-content:center;margin-right:30px}body #portfolio .background-language .background-section .info>div>p img{width:80px;height:auto;border-radius:10px;margin-right:10px;background-color:var(--color-background)}body #portfolio .background-language .background-section .info>div>p:first-child{margin-right:50px;color:var(--color-accent-600);font-weight:bold}body #portfolio .background-language .background-section .info>div>p:last-child{padding-right:20px;text-align:end}body #portfolio .background-language .background-section .info>div div .preset{font-size:var(--text-h5) !important}body .kn-progress-bar{position:fixed;left:-10px;z-index:19;width:5px;height:40vh;max-height:200px;background-color:var(--color-foreground);border-radius:50px}body .kn-progress-bar .kn-progress{position:absolute;top:0;left:0;width:100%;height:0;background-color:var(--color-accent-200);border-radius:50px;transition:height .3s ease}body #knowledge{width:100vw;max-width:100vw;overflow:hidden;position:relative;min-height:300vh;background-color:var(--color-secondary-400);z-index:9;color:var(--color-text-bg) !important;font-size:24px !important}body #knowledge .section-title{width:100%;height:50vh;max-height:400px;position:relative}body #knowledge .section-title .title{overflow:hidden;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;text-align:center}body #knowledge .section-title .title p{font-size:var(--text-heading-1) !important;font-weight:bold;transform:translateY(-100%);white-space:nowrap}body #knowledge .section-title .title p.last{position:absolute;top:0;left:50%;transform:translate(-50%, -100%)}body #knowledge .knowledges{margin:0 auto;width:100vw;max-width:600px;perspective:1000px;transform-style:preserve-3d}body #knowledge .knowledges .kn-item{display:flex;position:absolute;will-change:transform,opacity;transform-origin:50% 50%;width:100vw;top:0;max-width:600px;opacity:0;transform:translateY(100px)}body #knowledge .knowledges .kn-item>div:first-child{font-size:var(--text-h4) !important;margin-right:var(--space-md);color:var(--color-accent-600);font-weight:bold}body #knowledge .knowledges .kn-item>div:last-child h2{margin-bottom:var(--space-md)}body #knowledge .knowledges .kn-item>div:last-child .preset{color:var(--color-accent-600);font-size:var(--text-h4) !important;font-weight:bold}body #knowledge .kn-x-left,body #knowledge .kn-x-right{position:fixed;height:100vh;width:25vw;background:var(--color-accent-200);mix-blend-mode:difference}body #knowledge .kn-x-left{top:100vh;left:0}body #knowledge .kn-x-right{top:-100vh;right:0}body #knowledge .skill-section{margin-top:var(--space-3xl);width:100%;position:relative;transform:translateY(-100%);display:flex;flex-direction:column;opacity:0;gap:var(--space-xl)}body #knowledge .skill-section .skills-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg, transparent, black 15%, black 85%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, black 15%, black 85%, transparent)}body #knowledge .skill-section .skills-track{display:flex;gap:clamp(2rem,5vw,4rem);width:-moz-max-content;width:max-content;animation:scrollSkills 28s linear infinite;will-change:transform}body #knowledge .skill-section .skills-track::after{content:"";display:none}body #knowledge .skill-section .skills-track:hover{animation-play-state:paused}body #knowledge .skill-section .skills-marquee:nth-child(1) .skills-track{animation-duration:52s}body #knowledge .skill-section .skills-marquee:nth-child(2) .skills-track{animation-duration:46s;animation-direction:reverse}body #knowledge .skill-section .skills-marquee:nth-child(3) .skills-track{animation-duration:48s}body #knowledge .skill-section .skills-marquee:nth-child(4) .skills-track{animation-duration:40s;animation-direction:reverse}body #knowledge .skill-section .skill-item{font-family:var(--font-family-mono);font-size:var(--text-base);letter-spacing:.08em;text-transform:uppercase;color:var(--color-foreground);opacity:.85;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:clamp(1rem,2vw,2rem)}body #knowledge .skill-section .skill-item span:first-child{font-weight:600;background:linear-gradient(135deg, var(--color-foreground), var(--color-secondary-400));background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}body #knowledge .skill-section .skill-separator{color:var(--color-hightlight);opacity:.5;font-size:1.1em;margin:0 .15rem}@keyframes scrollSkills{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width: 768px){body #knowledge .skill-section{gap:var(--space-lg)}body #knowledge .skill-section .skill-item{font-size:var(--text-base-small);gap:1rem;letter-spacing:.05em}body #knowledge .skill-section .skills-track{gap:1.5rem}}body #projects{background-color:var(--color-secondary-400);position:relative;z-index:5}@media(max-width: 1148px){body #home .details{padding-top:100px;background-color:rgba(var(--color-accent-200-rgb), 0.7)}}@media(max-width: 986px){body #portfolio .about .title-box{margin-top:var(--space-lg);margin-bottom:var(--space-md)}body #portfolio .about>div:nth-last-of-type(1){flex-direction:column;align-items:center;text-align:center}body #portfolio .about>div:nth-last-of-type(1) .about-pic{margin-bottom:var(--space-lg)}body #portfolio .about>div:nth-last-of-type(1) .about-pic img{width:70vw;height:auto}body #portfolio .about>div:nth-last-of-type(1) div.info{align-items:center}body #portfolio .about>div:nth-last-of-type(1) div.info>div{max-width:90vw;padding-right:0;flex-direction:column;align-items:center}body #portfolio .about>div:nth-last-of-type(1) div.info>div>*:first-child{margin-right:0;margin-bottom:var(--space-sm)}}@media(max-width: 767px){body .false-header button{width:60px;height:60px}body .false-header button ion-icon{font-size:36px !important}body header nav>p{white-space:pre-wrap;display:inline-block;word-spacing:9999px;font-weight:bold}body header nav *{font-size:var(--text-heading-4) !important}body header nav ul{flex-direction:column;grid-gap:10px}body header nav ul li a{color:var(--color-secondary-100)}body #home .name{font-size:calc(var(--text-heading-1) + 0rem);flex-direction:column;grid-gap:0;left:10vw;transform:translateY(-50%)}body #home .me{top:40%}body #home .me img{width:50vw;height:auto}body #home .details{flex-direction:column;padding-top:100px;position:absolute;bottom:0}body #home .details .contact{padding-left:0}body #home .details .contact button div{padding:calc(var(--padding-button)*1) calc(var(--padding-button)*2)}body #home .details .social{flex-direction:row;justify-content:center;margin-top:var(--space-lg)}body #home .details .social a{transform:translateY(100%);opacity:0;animation:popUp .6s ease forwards}body #home .details .social a:nth-child(1){animation-delay:2.9s}body #home .details .social a:nth-child(2){animation-delay:3s}body #home .details .social a:nth-child(3){animation-delay:3.1s}@keyframes popUp{to{transform:translateY(0);opacity:1}}body #portfolio{font-size:21px !important}body #portfolio .background-language{flex-direction:column}body #portfolio .background-language .background-section .info{grid-gap:60px;display:flex;flex-direction:column;align-items:center}body #portfolio .background-language .background-section .info .preset{justify-content:center;margin-right:0;margin-bottom:10px}body #portfolio .background-language .background-section .info .preset img{margin:0}body #portfolio .background-language .background-section .info>div{flex-direction:column;align-items:center;text-align:center;grid-gap:10px}body #portfolio .background-language .background-section .info>div>p:nth-child(1){margin-right:0;margin-bottom:var(--space-lg)}body #portfolio .background-language .background-section .info>div>p:nth-child(2){text-align:center;padding-right:0;margin:0;margin-bottom:30px}body #portfolio .background-language .background-section .info>div small{margin:0;margin-top:5px}body #knowledge .section-title{transform:translateY(10vh)}body #knowledge .section-title .title p{font-size:var(--text-heading-2) !important}body #knowledge .knowledges{width:90vw;max-width:500px;text-align:center}body #knowledge .knowledges .kn-item{flex-direction:column;position:absolute;width:100%}body #knowledge .knowledges .kn-item>div:first-child{font-size:var(--text-h5) !important;margin-right:var(--space-sm)}body #knowledge .knowledges .kn-item>div:last-child h2{margin-bottom:var(--space-md)}}/*# sourceMappingURL=style.css.map */