@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/roboto-slab-latin.woff2) format("woff2")}:root{--primary-color: #4668ee;--scene-sky-color: #efc5b8;--scene-floor-color: #efc5b8;--scene-background: radial-gradient( circle at 82% 28%, rgba(198, 72, 58, .24) 0, rgba(207, 80, 63, .22) 9rem, rgba(222, 106, 79, .15) 16rem, rgba(238, 151, 108, .07) 25rem, rgba(238, 151, 108, 0) 34rem ), linear-gradient( 180deg, var(--scene-sky-color) 0%, #efc5b8 48%, var(--scene-floor-color) 100% );--text-color: #1a202c;--text-light-color: #555}@media(max-width:990px){:root{--scene-background: radial-gradient( circle at 86% 30%, rgba(198, 72, 58, .24) 0, rgba(207, 80, 63, .21) 7rem, rgba(222, 106, 79, .14) 13rem, rgba(238, 151, 108, .07) 20rem, rgba(238, 151, 108, 0) 27rem ), linear-gradient( 180deg, var(--scene-sky-color) 0%, #efc5b8 50%, var(--scene-floor-color) 100% )}}html,body{height:100dvh;color-scheme:light;overflow:hidden;background:var(--scene-background);background-color:var(--scene-sky-color)}#root{width:100vw;height:100dvh;background:var(--scene-background);background-color:var(--scene-sky-color)}@supports (height: 100lvh){html,body,#root{height:100lvh}}body{margin:0;font-family:Roboto Slab,serif}*{box-sizing:border-box}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{text-decoration:none;cursor:pointer}.interface{width:100vw;display:flex;flex-direction:column;align-items:center}.sections{max-width:1200px;width:100%}.section{height:100dvh;display:flex;justify-content:center;align-items:center}.section--bottom{align-items:flex-end}.section--right{justify-content:flex-end}.section--left{justify-content:flex-start}@supports (height: 100lvh){.section{height:100lvh}}.scroll-down{width:28px;height:42px;border:2px solid var(--text-color);border-radius:12px;display:flex;justify-content:center;margin-bottom:4rem}.scroll-down__wheel{background:var(--text-color);width:3px;height:10px;border-radius:2px;margin-top:4px}.skills{padding:1rem}.skill{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:1rem;margin-bottom:1rem;width:320px;max-width:100%}.skill__label{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.skill__label__image{height:32px;width:32px}.skill__label__name{color:var(--text-color);font-weight:700;font-size:1.25rem;margin:0}.skill__subtitle{color:var(--text-light-color);font-size:.9rem;margin:0;line-height:1.4}.projects{padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:520px;justify-content:flex-start;gap:.75rem;transform:translate(clamp(-4rem,-4vw,-2rem))}.project{background:#fff3;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;transition:transform .2s ease-in-out,background-color .2s ease-in-out}@media(hover:hover){.project:hover{background:#fffc;transform:scale(1.05);cursor:pointer}}.skill:active{transform:scale(.98)}.project:active{transform:scale(.98);background:#fff9}.project__image{aspect-ratio:16 / 9;display:block;width:100%;object-fit:cover}.project__details{min-height:116px;padding:.625rem}.project__details__name{color:var(--text-color);font-weight:700;font-size:1.25rem;margin:0}.project__details__description{color:var(--text-light-color);font-size:.95rem;line-height:1.3;margin:0}.contact{margin:1rem;padding:1rem;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;min-width:280px}.contact__name{color:var(--text-color);font-weight:700;font-size:1.5rem;margin:0}.contact__address{color:var(--text-light-color);font-size:1rem;margin:0}.contact__socials{display:flex;gap:1rem;margin-top:1rem}.contact__socials__icon{height:32px;width:32px}.menu{display:flex;justify-content:space-between;align-items:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));position:fixed;z-index:1;top:0;left:4rem;right:4rem;background:#fff0}.menu__logo{height:126px;width:360px;object-fit:contain}.menu__buttons{display:flex;gap:1rem;align-items:center}.menu__button{font-weight:700;font-size:1.1rem;color:var(--text-color)}@media(hover:hover){.menu__button:hover{color:var(--primary-color);cursor:pointer}}@media(max-width:990px){.mobile--section--bottom{align-items:flex-end;padding-bottom:max(6rem,calc(env(safe-area-inset-bottom) + 4.5rem))}.mobile--section--left{justify-content:flex-start}.skills{display:flex;gap:1rem;overflow-x:auto;width:100%;touch-action:pan-x;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}.skill{padding:.75rem;min-width:300px;margin:0}.projects{display:flex;justify-content:flex-start;overflow-x:auto;max-width:none;width:100%;transform:none;touch-action:pan-x;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}.project{min-width:280px;background:#ffffff73}.project__details{min-height:126px}.contact{width:100%}.menu{flex-direction:column;gap:.5rem;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right))}.menu__logo{display:none}.menu__button{font-size:1rem}.scroll-down{display:none}.skill,.project,.contact{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}