*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Atkinson Hyperlegible}:root{background-color:#0b0705;color:#fff;font-size:14px;--accent: #cdaaff;--text-dark: rgb(180, 180, 180)}.text-dark{color:var(--text-dark)}body{background:url(/assets/dissolve-DLC5-cLn.png);background-size:256px;background-attachment:fixed;display:flex;flex-direction:row;justify-content:center;align-items:stretch}p{line-height:1.5}p,h1,h2,h3,h4,h5,h6{text-shadow:0 0 .1em rgba(0,0,0,.7)}main{margin:0;min-height:100vh;position:relative;padding:16em 0;display:flex;flex-direction:column;gap:10em;width:54em;max-width:100%}#left-column,#right-column{display:flex;align-items:center;justify-content:center;flex-grow:1;flex-shrink:1;position:relative;display:none}@media(max-width:1400px){#left-column,#right-column{display:none}main{padding:0}body{padding:8em 4em}}@media(max-width:900px){:root{font-size:1.5vw}}h1{font-weight:400;font-size:2.3em}#intro{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:2rem;text-align:center}#intro .social{display:flex;flex-direction:row;gap:1.2em;font-size:1.5em;padding:1em 0}#intro .social svg{color:#fff;width:2em;height:2em}#intro h1{font-size:2.5em}#apple{width:20em;max-width:calc(100% - 12em);position:absolute;top:20em}#intro p{font-size:1.6em;max-width:30em}#intro p b{font-weight:400;color:#e6e6e6}#intro>div{display:flex;flex-direction:column;gap:inherit}.section-title{font-size:2em}p a{color:#fff;text-decoration:none}p a:hover{text-decoration:underline}#intro div.contact{font-size:1.2em;display:flex;flex-direction:column;gap:.5em}:root body svg{overflow:visible}@keyframes background-scroll{0%{background-position:0 0}to{background-position:100% 100%}}#background{width:100%;height:100vh;overflow:hidden;position:fixed;opacity:1;z-index:-1;filter:saturate(.5);opacity:.75;top:0;left:0}#background>canvas{width:100vw;image-rendering:pixelated;background-color:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5}@media(max-aspect-ratio:1 / 1){#background>canvas{width:auto;height:100vh}}.experience-container{display:flex;flex-direction:column;gap:2rem}.experience{display:flex;flex-direction:column;justify-content:flex-start;gap:6em}.experience-box{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.experience-box>h1{display:flex;align-items:center;gap:.5em}.experience-box>h1{text-transform:uppercase;font-size:2.1em}.experience-box>h1>span{font-size:.65em}.experience-box>h1 .date{font-size:.6em;font-weight:400}.experience-box>h1>svg,.experience-item .bar,.experience-box>h1>img{width:3.2rem;flex-shrink:0}.experience-item{display:flex;align-items:stretch}.experience-item:last-child .bar{clip-path:inset(0 0 calc(100% - 1.6rem - .25em) 0)}.experience-item .bar{flex-grow:1;position:relative;display:flex;align-items:center;justify-content:center;opacity:.75;overflow:hidden;margin-right:1rem}.experience-item .spacer{padding-bottom:.5rem}.experience-item:last-child .spacer{display:none}.experience-item .bar:before{content:"";position:absolute;height:100%;width:.2em;background-color:#3c3843}.experience-item .bar:after{content:"";position:absolute;width:.5em;height:.5em;background-color:#fff;top:calc(1.6rem - .25em)}.experience-item .title{font-size:1.3em;display:flex;align-items:center;gap:.8rem;height:3.2rem}.experience-item .title span{font-size:.75em;text-transform:uppercase}.experience-item .description{width:100%;margin-top:-.8em;font-size:1.2em;max-width:35em}.experience-item .links{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.experience-item .links .icon-link{font-size:1em}.experience-item>div{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.experience-item .screenshots{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem}.experience-item .screenshots a{height:9.5em;width:15em;filter:saturate(75%) brightness(85%);background-size:auto 110%;background-position:center;border-radius:.5em;border:.2em dashed rgba(255,255,255,.4);transition:background-size .1s ease-out;position:relative;z-index:1;overflow:hidden}.experience-item .screenshots a video{position:absolute;height:100%;width:100%;object-fit:cover;top:0;left:0;border-radius:.5em;transition:transform .1s ease-out;transform:scale(1);z-index:0}.experience-item .screenshots a:hover{background-size:auto 120%}.experience-item .screenshots a:hover video{transform:scale(1.2)}.experience .technologies{display:flex;flex-wrap:wrap;gap:.5rem}.experience .screenshots:empty,.experience .technologies:empty,.experience .links:empty{display:none}.icon-link{color:var(--text-dark);opacity:.75;transition:opacity .1s,color .1s;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase}.icon-link:hover{color:#fff;opacity:1}.icon-link svg{width:1.2em}.tech-badge{font-size:1em;display:flex;align-items:center;justify-content:center;color:var(--text-dark);gap:.5em;padding:.4em;border:.01em solid rgba(255,255,255,.1);background-color:#ffffff08}.tech-badge svg{height:1.2em}.tech-badge span{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}