*{margin:0;padding:0;border:0;vertical-align:baseline}body{font-family:D-DIN,Bahnschrift,sans-serif;font-size:1.25em;line-height:1.55;background-color:#131415;color:#bbb;margin:0;position:relative}::selection{background-color:#77a3}h1,h2,h3{font-family:Tea-DIN,Bahnschrift,sans-serif;font-size:2em;color:#c27afe;animation:6s infinite alternate teaColors;padding-top:1em}h1.main-title{font-family:'Syne Tactile',sans-serif;font-weight:400;margin-top:1em;padding-top:0}hr{width:33%;height:.25em;border:none;background-color:#c27afe;animation:6s infinite alternate teaBgColors;margin-bottom:1em}h1:not(.main-title)+hr,h2+hr{height:.25em;width:3em}details summary,small{margin:.5em 0;font:1rem D-DIN,sans-serif;opacity:.75}details summary{list-style:none;padding-left:0;background-image:none;-webkit-appearance:none;cursor:pointer}details summary:hover{opacity:1}details summary::-webkit-details-marker,details summary::marker{display:none}.tags{font:.8rem D-DIN,sans-serif;opacity:.75;display:block;max-width:280px;transition:opacity .2s linear}a{color:inherit}header{position:fixed;top:0;left:0;min-height:100vh;display:flex;align-items:center;width:38.2%;padding:1em 2em;box-sizing:border-box}header>div{max-width:24em;margin:0 auto}header nav{position:absolute;top:0;z-index:5}header nav>a{border-color:transparent;margin-bottom:0}nav>a:before{transform-origin:top center!important;transform:translate(0,99%) scaleY(0)!important}nav>a:hover:before{transform:translate(0,99%) scaleY(1)!important}main{padding:1em;box-sizing:border-box;width:61.8%;position:relative;left:38.2%}footer,section{max-width:42em}footer{padding:7rem 1rem 1rem 1rem;display:flex;align-items:end;justify-content:center}footer p{font-size:.75em;opacity:.65;text-align:center}footer a{color:#c27afe;animation:6s infinite alternate teaColors}.project-grid{display:flex;flex-wrap:wrap;gap:12px 8px;width:800px;justify-content:space-between}.project-grid>a{cursor:pointer;opacity:1;transition:.15s cubic-bezier(0, 0, .5, 1.5);margin:0 1px}.project-grid>a>img{width:calc(64px * 3);image-rendering:pixelated;display:block}.project-grid>a.highlighted,.project-grid>a:hover{transform:scale(1.333333);box-shadow:0 0 0 4px #131415,0 0 32px 12px #131415;box-sizing:border-box;z-index:2;opacity:1}.project-grid>a.small:hover{transform:scale(1.5)}.project-grid>a.small.highlighted{transform:scale(1.2275)}.project-grid>a.small>img{width:calc(48px * 2)}#projects{padding:3.5em 0 3em 0}#projects h2+hr{margin-bottom:3em}.socials{font:.75em D-DIN,sans-serif;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:1em;gap:.75em}.socials a span,.socials>div span{margin-left:.25em}.socials a:hover span,.socials>div:hover span{text-decoration:underline}#showall{font-size:.75em}#showall,.socials a,.socials>div{cursor:pointer;text-decoration:none;display:inline-flex;opacity:.75;margin:.3em 0;transition:.15s opacity cubic-bezier(0, 0, .5, 1.5);color:#c27afe;animation:6s infinite alternate teaColors;filter:saturate(0)}#showall:hover,.socials a:hover,.socials>div:hover{opacity:1;filter:saturate(1);text-decoration:underline}.share>span,.socials img{vertical-align:sub}.socials>a>div,a.icon{position:relative;background:#131415;min-height:16px;display:inline-block}.acc-elem>.share>span:after,.socials>a>div:after,a.icon:after{content:'';position:absolute;left:0;bottom:0;width:16px;height:16px;background-color:#c27afe;animation:6s infinite alternate teaBgColors;mix-blend-mode:hue}a.icon img{image-rendering:pixelated}a.icon:after{bottom:auto;top:10px;height:18px}a.icon{filter:saturate(0)}a.icon:hover{filter:saturate(1)}a.m{color:#c27afe;animation:6s infinite alternate teaColors}a.m span img{width:8.375em;margin-bottom:-.0375em;vertical-align:text-bottom;border-bottom:1px solid transparent}a.m:hover span img{border-bottom:1px solid}.share{opacity:.65;right:0;transition:.15s opacity cubic-bezier(0, 0, .5, 1.5);color:#c27afe;animation:6s infinite alternate teaColors;filter:saturate(0);zoom:2;background:#131415;min-height:16px;position:absolute;transform:translate(-.5rem,-1.5rem)}.share>span{display:block;width:16px;height:16px;background-image:url(../img/icon-share.svg);cursor:pointer}.share:hover{opacity:1;filter:saturate(1)}.acc-elem{height:0;overflow:hidden;position:relative}.acc-elem.active{opacity:1}a.active:not(:hover){opacity:.3}body:not(.js-enabled) .acc-elem{height:initial}.acc-elem>a,.download,nav>a{display:inline-block;padding:.5em 1em;border:4px solid;box-sizing:border-box;margin:1em 0;font-weight:700;text-decoration:none;position:relative;z-index:3;background-color:#131415;color:#c27afe;animation:6s infinite alternate teaColors}.acc-elem>a.sec,.download.sec{border:4px solid transparent;background-color:transparent;position:relative}.acc-elem>a:hover+a.sec,.acc-elem>a:hover+a.sec+a.sec{color:#13141588!important;font-weight:300}.acc-elem>a:after,.acc-elem>a:before,.download:after,.download:before,nav>a:after,nav>a:before{content:'';position:absolute;top:-4px;left:-4px;bottom:-4px;right:-4px;background-color:#c27afe;color:#c27afe;animation:6s infinite alternate teaBgColors,6s infinite alternate teaColors;opacity:0;z-index:-2;transform-origin:left}.acc-elem>a:hover,.download:hover,nav>a:hover{color:#131415!important;background-color:transparent}.acc-elem>a:hover:after,.download:hover:after,nav>a:hover:after{opacity:1}nav:not(:hover)>a.current:after{opacity:1;background-color:transparent!important;border:4px solid}.acc-elem>a:before,.download:before,nav>a:before{opacity:1;transition:.3s cubic-bezier(.5, 0, .3, 1.2);transform:translate(99%,0) scaleX(0)}.acc-elem>a:hover:before,.download:hover:before,nav>a:hover:before{opacity:1;transform:translate(99%,0) scaleX(3)}blockquote{font-family:D-DIN,Bahnschrift,sans-serif;font-style:italic}figcaption{font-size:.75em;margin:.25em 0 1.25em 0;opacity:.65}blockquote+p{margin-top:1rem}.legal p,.legal ul{line-height:1.2;font-size:16px;max-width:26em;padding:.5em 0;text-align:justify}.glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.gl-next,.gl-prev,.glider-dot{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.gl-next,.gl-prev{position:absolute;background:0 0;z-index:2;text-decoration:none;cursor:pointer;opacity:1;line-height:1;transition:opacity .3s ease}.gl-next.disabled,.gl-prev.disabled{opacity:0;cursor:default;pointer-events:none}.glider-hide{opacity:0}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}}.slider-container{width:100%;position:relative;margin:1.5em auto 1em auto}.slider-container>div{padding-left:0;display:flex;flex-wrap:nowrap}.slider-container>div a{opacity:1!important}.slider-container img{max-width:100%}.gl-next,.gl-prev{right:0;top:0;height:100%;padding:1rem;font-size:5rem;display:flex;align-items:center}.gl-prev{right:auto;left:0}.gl-next:after,.gl-prev:after{content:'>';font-family:tea-icons,monospace;color:#fff4;text-shadow:0 0 .2em #13141544;transition:color .2s ease}.gl-prev:after{content:'<'}.gl-next:focus:after,.gl-next:hover:after,.gl-prev:focus:after,.gl-prev:hover:after{color:#fffd}ul{padding-left:1.5em;list-style:circle}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#131415}::-webkit-scrollbar-thumb{background:#445}::-webkit-scrollbar-thumb:hover{background:#bbb}#email{width:140px}mark{color:transparent;background-color:#000}.highlighter{color:#c27afe;cursor:crosshair;animation:6s infinite alternate teaColors}.has-highlighted a{opacity:.15}.has-highlighted a.highlighted{transform:scale(1.075);box-shadow:0 0 32px 12px #131415}.circle-img{width:256px;border-radius:50%;margin:2em auto;position:relative;overflow:hidden;shape-outside:circle()}.circle-img img:first-of-type{width:100%;border-radius:50%;position:absolute;top:0;left:0;mix-blend-mode:darken;pointer-events:none}.circle-img img:last-of-type{width:100%;display:block}.image-left{display:flex;gap:1em}.image-left>div>p{margin-bottom:1em}#about{padding-top:2em}.blocktext{column-count:2;column-gap:1em}.blocktext p{padding:.5em 0;break-inside:avoid-column}.skillset{display:inline-grid;align-items:center;gap:.75em 1.75em;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:.5em 0}.skillset img{height:64px;image-rendering:pixelated;transition:.15s cubic-bezier(0, 0, .5, 1.5)}.skillset img:hover{transform:scale(1.5)}.skillset p{grid-column:1/6;text-align-last:justify}.about-things{display:grid;grid-template-columns:1fr 1fr;gap:1em}.about-dates{display:grid;grid-template-columns:auto 1fr;gap:.5em 1em}.about-dates time{font-size:.75em;margin-top:.25em;opacity:.65}#toast{visibility:hidden;min-width:calc(38.2% - 4em);background-color:#c27afe;animation:6s infinite alternate teaBgColors;color:#131415;text-align:center;border-radius:4px;padding:.5em;position:fixed;z-index:4;left:2em;bottom:1em;opacity:0;transform:translate(0,0)}#toast.show{visibility:visible;opacity:1;transform:translate(0,calc(100% + 1em));transition:.4s opacity cubic-bezier(0, 0, .5, 1.5),.4s 2.5s transform cubic-bezier(0, 0, .5, 1.5)}.more{display:flex;align-items:center;justify-content:space-between;padding:2rem 0}.first-more{justify-content:end}.more a{color:inherit;text-decoration:none;cursor:pointer;opacity:.65;display:flex;align-items:center;transition:.3s opacity ease-out}.more a:hover{opacity:1}.more .left:before,.more .right:after{font-family:tea-icons,monospace;font-size:3em;transition:.2s transform cubic-bezier(0, 0, .5, 1.5)}.more .right{text-align:right}.more .left:before{content:"<";padding:0 .25em 0 .125em}.more .left:hover:before{transform:translate(-.125em,0)}.more .right:after{content:">";padding:0 .125em 0 .25em}.more .right:hover:after{transform:translate(.125em,0)}.all-visible .more,body:not(.js-enabled) .more{display:none}.all-visible .acc-elem{margin-bottom:4rem}@media only screen and (min-device-width :1081px) and (max-device-width :1280px){header{width:40%!important}main{width:60%!important}main{left:40%}section{margin:0 auto}}@media screen and (min-width:1081px) and (max-width:1400px){a[href="#brainactivitea"]>img{width:calc(48px * 2)}.project-grid{width:600px;justify-content:start}.about-things{grid-template-columns:1fr}.skillset{gap:.5em}.skillset img{max-height:10vw}.blocktext{column-count:1}}@media screen and (max-width:1080px){#projects a:not(.small)>img,.project-grid>a.small>img{width:calc((100vw - 5rem)/ 4)}.project-grid{width:auto;gap:.5rem;justify-content:space-between}header,main{width:auto!important;position:static!important;padding:1rem}header>div{max-width:inherit}header nav{position:fixed;top:-1.25rem;left:0;background:#131415BB;width:100vw;box-shadow:0 4px 16px rgba(0,0,0,.5);backdrop-filter:blur(5px)}nav a{background:0 0}section{margin:0 auto;max-width:initial}h1{font-size:1.75em}.project-grid>a.highlighted,.project-grid>a.small.highlighted,.project-grid>a.small:hover,.project-grid>a:hover{transform:scale(1.1)}#toast{min-width:200px;left:50%;transform:translate(-50%,0)}#toast.show{transform:translate(-50%,calc(100% + 1em))}.about-things{grid-template-columns:1fr}.skillset{gap:.5em}.skillset img{max-height:10vw}.blocktext{column-count:1}.share{top:2rem;transform:initial}h2{padding-right:3rem}.acc-elem>a{margin:.33em 0}}@media screen and (max-height:720px) and (min-width:1400px){.circle-img{float:left;margin:1em}}@media screen and (min-width:720px) and (orientation:landscape) and (max-width:1080px){.circle-img{float:left;margin:1em}}@media screen and (max-height:540px) and (orientation:landscape){h1{margin-top:0}}@media screen and (max-height:720px) and (orientation:landscape){header{position:absolute}header nav{position:static;margin-bottom:1.5em}}@media screen and (max-height:720px) and (max-width:1080px) and (orientation:landscape){#projects a:not(.small)>img{width:calc(25vw - (.75rem * 1.5))}.project-grid>a.small>img{width:calc(((100vw - 1.5rem)/ 7) - (.75rem))}}@media screen and (max-width:520px) and (orientation:portrait){.circle-img{float:initial!important;margin:1em auto;max-width:calc(100vw - 2em)}.image-left{flex-direction:column}}html{scroll-behavior:smooth}@media (prefers-reduced-motion){*,:after,:before{animation:none!important;transition:none!important}.circle-img img:first-of-type{display:none}.project-grid>a.highlighted,.project-grid>a.small:hover,.project-grid>a:hover{transform:scale(1);outline:1px dotted #fff}html{scroll-behavior:initial}}@keyframes teaBgColors{0%{background-color:#c7f}50%{background-color:#a8f}100%{background-color:#8bf}}@keyframes teaColors{0%{color:#c7f}50%{color:#a8f}100%{color:#8bf}}@font-face{font-family:'Syne Tactile';src:url('../fonts/synetactile-tea-regular.woff2') format('woff2'),url('../fonts/synetactile-tea-regular.otf') format('opentype');font-display:block}@font-face{font-family:D-DIN;src:url('../fonts/d-din.woff2') format('woff2'),url('../fonts/D-DIN.otf') format('opentype');font-display:swap}@font-face{font-family:D-DIN;font-weight:700;src:url('../fonts/d-din-bold.woff2') format('woff2'),url('../fonts/D-DIN-Bold.otf') format('opentype');font-display:swap}@font-face{font-family:Tea-DIN;font-weight:700;src:url('../fonts/tea-din-condensed-bold.woff2') format('woff2'),url('../fonts/Tea-DIN-Condensed-Bold.otf') format('opentype');font-display:fallback}@font-face{font-family:tea-icons;font-weight:700;src:url('../fonts/tea-icons.woff2') format('woff2'),url('../fonts/tea-icons.otf') format('opentype');font-display:fallback}