@font-face{font-family:Chivo;src:url(./Chivo-Variable-0069ce59.woff2) format("woff2-variations");font-weight:125 950;font-stretch:75% 125%;font-style:normal,italic 0deg 20deg;font-display:block}:root{--big-font-size: 4rem;--big-font-stroke: 2px}body{font-family:Chivo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:black;margin:0;color:#c7ff00;--mouse-x: -1000px;--mouse-y: -1000px}a{color:#c7ff00;text-decoration:none}section{font-size:1rem;min-height:100vh;position:relative}*{scrollbar-color:rgba(199,255,0,.5) rgba(0,0,0,0)}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{background-color:#c7ff0080;background-clip:content-box;border:5px solid transparent;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background-color:#c7ff00;border:3px solid transparent}.marquee{display:flex;font-size:0}.marquee a{padding:0 1rem;margin-top:calc(-.2 * var(--big-font-size))}.marquee a{-webkit-text-stroke-color:rgba(199,255,0,.8)!important}.marquee:hover a{-webkit-text-stroke-color:#c7ff00!important}.marquee__animated{animation-fill-mode:both;animation:marquee 15s linear infinite both;animation-play-state:paused}.marquee__animated:hover{animation-play-state:running}.nav{position:fixed;bottom:0;right:0;z-index:10}.nav a{display:block;padding:1rem;font-weight:900}.reverse{animation-direction:reverse}.about{display:flex;flex-direction:column;position:relative;overflow-y:hidden}.about__details{display:flex;flex-direction:column;position:relative;overflow-y:hidden;align-items:center;justify-content:center}.about__header{color:#c7ff00;font-size:var(--big-font-size);font-weight:900;padding-left:1rem;opacity:.8;pointer-events:none;transform:scaleY(75%);font-style:italic}.window{position:relative;max-width:500px;margin:0 1rem;border:2px solid #c7ff00;background:black}.window__title{padding:.5rem 1rem;border-bottom:2px solid #c7ff00;background:rgba(199,255,0,.1);display:flex;justify-content:space-between}.window__title div:first-child{font-style:italic}.window__body{padding:1rem}.window__body p{margin:0}.window__body p:not(:last-child){margin-bottom:1rem}.window--easteregg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;margin:0}.window--easteregg .window__body{min-width:300px;display:flex;justify-content:center;align-items:center}.projects{display:flex;flex-direction:column;position:relative;overflow-y:hidden}.projects__header{position:absolute;top:0;left:0;color:#c7ff00;font-size:var(--big-font-size);font-weight:900;padding-left:1rem;pointer-events:none;font-style:italic}.projects__header>div:first-child{opacity:.8}.projects__header>div{opacity:.1;transform:scaleY(75%)}.projects__header>div:not(:first-child){opacity:.1;transform:scaleY(75%);margin-top:calc(-.33 * var(--big-font-size))}.projects__previous,.projects__next{position:absolute;top:50%;background:none;color:#000;border:none;cursor:pointer;transform:translateY(-50%)}.projects__previous svg,.projects__next svg{width:calc(.8 * var(--big-font-size));height:calc(.8 * var(--big-font-size));color:#c7ff00}.projects__previous{left:0}.projects__next{right:0}.projects__list{flex:1;display:flex;align-items:center;overflow-x:auto;scrollbar-color:transparent}.projects__list::-webkit-scrollbar{display:none}.hint{position:absolute;bottom:1rem;left:0;right:0;text-align:center;opacity:.5}.project{display:flex;flex-direction:column;padding:0 15vw;min-width:70vw;max-width:70vw}.project__header{display:flex;justify-content:space-between;align-items:center}.project__name{font-size:2rem;font-weight:900;transform:scaleY(75%)}.project__info{border:4px solid #c7ff00;transition:.2s all ease-in-out;position:relative}.project__info img{width:100%;height:auto}.project__description{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:1rem}.project__link{font-weight:900;transform:scaleY(75%);font-size:1.5rem;border:2px solid #c7ff00;padding:.5rem .75rem;transition:.2s all ease-in-out}.project__link:hover{color:#000;background:#c7ff00}.project__description--long{max-height:0;transition:.2s all ease-in-out;overflow:hidden}.project__description--long .tags{padding-top:.5rem}.project .project__info:hover .project__description--long{max-height:10rem}.home{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:100;background:black}.home a{display:block;font-weight:900;color:#790;font-size:var(--big-font-size);text-decoration:none;transition:.2s color ease-in-out,.2s -webkit-text-stroke ease-in-out;transform:scaleY(75%);font-style:italic}.home a:hover{color:#c7ff00}.home__background,.home__background:before,.home__background:after,.home__vignette,.home canvas,.home__geometry{position:absolute;z-index:-1;inset:0}.home__geometry{pointer-events:none;z-index:-1;opacity:.15}.home__geometry svg{position:absolute;inset:0}.home__geometry svg:last-child{animation:rotate 30s linear infinite}.home canvas{opacity:.3}.home__vignette{box-shadow:inset 0 0 10rem #000,inset 0 -10rem 10rem #000}.home__background:before,.home__background:after{content:"";display:block;opacity:.1;background:url(./bg-23981b7f.svg);background-repeat:repeat;background-size:100px 100px;background-position-y:calc(-.01 * var(--mouse-y));background-position-x:calc(-.01 * var(--mouse-x))}.home__background:after{content:"hello there :)";color:transparent;-webkit-text-stroke:2px rgba(199,255,0,.5);font-size:4rem;font-weight:900;background-image:url(./bg_hover-85f75d8c.svg);opacity:.25;z-index:-1;mask-image:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgb(0,0,0) 0px,rgba(0,0,0,.5) 150px,rgba(0,0,0,0) 250px);-webkit-mask-image:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgb(0,0,0) 0px,rgba(0,0,0,.5) 150px,rgba(0,0,0,0) 250px)}.desktop{display:none}.timeline{position:relative;list-style-type:none;padding:0;padding-left:6rem;margin-top:2rem}.timeline:after{content:"";position:absolute;display:block;top:0;left:6.5rem;bottom:0;width:1px;border-right:1px solid #c7ff00;mask-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2.5%,rgb(0,0,0) 7.5%,rgb(0,0,0) 92.5%,rgba(0,0,0,0) 97.5%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2.5%,rgb(0,0,0) 7.5%,rgb(0,0,0) 92.5%,rgba(0,0,0,0) 97.5%,rgba(0,0,0,0) 100%)}.timeline li{display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding-left:2rem;margin-bottom:2rem;min-height:3rem}.timeline li .timeline__item__place,.timeline li .timeline__item__company{opacity:.5}.timeline li .timeline__item__title{font-weight:900}.timeline li .timeline__item__timespan{position:absolute;left:0;transform:translate(-100%);bottom:0}.timeline li .timeline__item__timespan--start{color:#c7ff00}.timeline li .timeline__item__timespan--start:after{content:"";position:absolute;display:block;top:.3rem;left:6.3rem;bottom:0;width:.6rem;height:.6rem;border-radius:100%;background:#c7ff00}.timeline li .timeline__item__timespan--end{color:#c7ff0080}.timeline li .timeline__item__timespan--start,.timeline li .timeline__item__timespan--end{width:5rem;text-align:right;padding-right:1rem}.tags{opacity:.5}.tags div{display:inline-block;padding:.1rem .5rem;border:1px solid #c7ff00;margin-bottom:.2rem}button svg,a svg{fill:none;stroke-width:48px;stroke:#c7ff00}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-11.11111%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 700px){.project{min-width:60vw;max-width:60vw;padding:0 20vw}}@media screen and (min-width: 1200px){:root{--big-font-stroke: 4px;--big-font-size: 6rem}.project{min-width:40vw;max-width:40vw;padding:0 2.5vw}.project__name{font-size:3rem}.mobile{display:none}.desktop{display:block}}@media screen and (min-width: 2000px){:root{--big-font-size: 10rem}}