@font-face{font-family:Fira;src:url(/assets/fonts/FiraMono/FiraMono-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Fira;src:url(/assets/fonts/FiraMono/FiraMono-Medium.ttf) format("truetype");font-style:normal;font-weight:500}@font-face{font-family:Fira;src:url(/assets/fonts/FiraMono/FiraMono-Bold.ttf) format("truetype");font-weight:700}:root{font-family:Fira,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--max-width: 800px;--min-width: 200px}html{scroll-behavior:smooth}body{margin:0;background-color:var(--col-black);color:var(--col-white);font-size:1em;min-height:100dvh}h1{font-size:2rem}h2{text-decoration-line:underline;text-decoration-color:var(--col-accent)}a{text-decoration:none;color:inherit}@media only screen and (max-width:600px){body{font-size:1.2rem}}.contacts{--icon-size: 30px}.contacts .rmui-panel-scroll-area>a>div{grid-template-columns:var(--icon-size) 1fr;justify-self:center}.contacts svg,.contacts .rmui-panel-scroll-area>a>div>span{width:var(--icon-size)!important;height:var(--icon-size)!important}.contact-cta-button{background-color:var(--col-prim);padding:var(--spacing-small);border-radius:var(--radius-small);border:2px solid var(--col-prim-dark);text-align:center}.contact-cta-button:hover{background-color:var(--col-prim-dark);color:inherit!important}.contact-cta-button.active{background-color:transparent}.contact-cta-button.active:hover{transform:none!important;box-shadow:none!important}header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-small);min-width:calc(var(--min-width) - 50px);padding:var(--spacing-small) 50px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header>nav{display:contents;transition:opacity .3s ease-in-out,height .3s ease-in-out}.nav-cover{display:flex;justify-content:space-between;align-items:center}.nav-cover>svg{font-size:2em!important}.logo{text-decoration:underline var(--col-prim);-webkit-user-select:none;user-select:none}.nav-link:after{height:0!important;background-color:var(--col-prim-dark)!important}.nav-link:hover:not(.active):after{height:50%!important}.nav-link.active{color:var(--col-prim)}.nav-link.active:after{height:2px!important;background-color:var(--col-prim)!important}.nav-link.pending{color:var(--col-gray)}@media only screen and (max-width:600px){header{display:flex;flex-direction:column}header>nav{display:flex;flex-direction:column;gap:20px;top:100%;left:0;width:calc(100vw - 100px);overflow:hidden;opacity:0;height:0;transition:opacity .5s ease-in-out,max-height .5s ease-in-out}.nav-cover.small-screen{width:100%}nav.open{opacity:1;height:100dvh;padding:0 50px 50px}nav.closed{opacity:0;height:0;padding:0}.nav-link{padding:25px}}footer{padding:var(--spacing-small) 50px;font-size:.5em}#root{display:grid;grid-template-areas:"header" "body" "footer";grid-template-rows:auto 1fr auto;height:100dvh}#main{padding-inline:50px;margin-inline:auto;max-width:1000px;min-width:300px;width:calc(100% - 100px);overflow-x:hidden;overflow-y:auto}.hover-translate:hover{transform:translate(-2px,-2px)}.hover-shadow:hover{color:var(--col-prim);cursor:pointer;border-color:var(--col-prim-dark);box-shadow:0 0 var(--spacing-small) var(--spacing-small) color(from var(--col-prim-dark) srgb r g b / .5)}.link{color:inherit;text-decoration:none;padding:var(--spacing-small);transition:transform .3s ease-in-out;position:relative}.link:after{content:"";display:block;position:absolute;height:2px;width:100%;bottom:0;left:0;z-index:-1;background-color:var(--col-prim);transition:height .3s ease-in-out}.link:hover:after{height:50%}@media only screen and (max-width:600px){#main{max-width:none;min-width:none;width:calc(100dvw - 100px);margin:unset}}.back-button{--size: 25px;width:var(--size);height:var(--size)}.back-button>svg{transform:translate(-1px)}.project-details-header{position:sticky!important;top:0;z-index:90;width:fit-content;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-details-header h1{margin:unset}.project-details-metadata{font-size:small}.project-details-metadata p{margin:unset}.carousel-heading{display:flex;align-items:center;gap:var(--spacing-small)}.carousel-item{width:75px;height:75px;display:inline-block;position:absolute;left:100%;animation:slide 10s linear infinite;animation-delay:calc((10s / var(--total-items)) * var(--index))}.carousel-item>.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:color(from var(--col-black) srgb r g b / .7);display:none;place-items:center;cursor:default;text-align:center}.carousel-item>.overlay>span{max-width:100%;overflow:hidden;overflow-wrap:break-word}.carousel-item:hover{color:var(--col-prim)}.carousel-item:hover>.overlay{display:grid;color:var(--col-prim)}@keyframes slide{0%{left:100%}to{left:-75px}}.focus{font-family:Fira,monospace;font-size:70pt;display:block;font-weight:700}@media only screen and (max-width:600px){.focus{font-size:2em;margin-block:2em;width:100%;text-wrap:wrap}}.blurred-focus{animation:blur both;animation-timeline:view()}@keyframes blur{0%{filter:blur(40px)}45%,55%{filter:blur(0)}to{filter:blur(40px)}}@supports not (animation-timeline: auto){.blurred-focus{filter:blur(0);animation:none}}#greetings{font-size:4.5rem}h2#position{text-decoration:unset}section{margin-block:calc(2 * var(--spacing-xxlarge))}.about-contact{margin:auto}section#why-me{margin-bottom:calc(6 * var(--spacing-xxlarge));position:relative}.centered{width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 20px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px),radial-gradient(rgba(255,255,255,.4),rgba(255,255,255,.1) 2px,transparent 30px);background-size:550px 550px,350px 350px,250px 250px,150px 150px;background-position:0 0,40px 60px,130px 270px,70px 100px;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:pre-wrap;cursor:not-allowed}.centered>h1{font-size:100pt}