@font-face{font-family:RobotoMono;src:url(/static/media/RobotoMono.e14e25b7c497634efdfe.ttf) format("truetype")}@font-face{font-family:RubikMonoOne-Regular;src:url(/static/media/RubikMonoOne-Regular.bca8f5015b00e4514972.ttf) format("woff")}.main-font{font-family:RubikMonoOne-Regular}.secondary-font{font-family:RobotoMono}*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-text-alt:#767474;--color-bg:#000;--color-link:#aaa;--color-link-hover:#fff;font-size:18px}html{-webkit-overflow-scrolling:touch!important;scroll-behavior:auto!important}::-webkit-scrollbar{display:none}body,html{min-height:100%!important;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--color-bg);color:#fff;color:var(--color-text);font-family:botanika-mono-web,monospace;margin:0}header{align-items:center;display:flex;height:5%;position:fixed;z-index:999}header,header>nav{width:100%}.clock{font-size:.75em;font-weight:600;text-transform:uppercase}.button-container{align-items:center;display:flex;justify-content:start;text-align:center;width:50%}.button-container>a,.button-container>button{background-color:initial;border:none;color:#fff;font-family:RobotoMono;font-size:.75em;font-weight:600;height:100%;margin:0;text-align:center;text-transform:uppercase}.button-container>a{align-items:center;display:flex;justify-content:center;padding:1px 6px}.content-open,.oh{overflow:hidden}.oh{position:relative}.oh__inner{display:inline-block}.line,.oh__inner{will-change:transform}.line{transform-origin:0}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:#000;background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:#aaa;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:#aaa;color:var(--color-link);cursor:pointer;text-decoration:none}a,a:hover{outline:none}a:hover{color:#fff;color:var(--color-link-hover)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:#0000}a:focus-visible{background:#0000;outline:2px solid red}.unbutton{fill:#fff;align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.unbutton span:first-child{margin-right:1rem}.unbutton span:last-child{margin-left:1rem}main{grid-template-areas:"frame" "page";position:relative}.frame,main{display:grid}.frame{grid-row-gap:5vh;align-content:space-between;background:#000;background:var(--color-bg);grid-area:frame;grid-template-areas:"title" "prev" "sponsor";grid-template-columns:auto auto;grid-template-rows:auto;padding:1.5rem 2rem;text-transform:uppercase;z-index:1000}.frame__title{display:flex;grid-area:title}.frame__title-main{align-self:center;font-size:1rem;font-weight:400;line-height:1;margin:0;text-align:right}.frame__title-back{align-items:flex-end;display:flex;margin-bottom:.15rem;position:relative}.frame__title-back span{display:none}.frame__title-back svg{fill:currentColor}.frame__prev{grid-area:prev}.preview-wrap{grid-column-gap:3.5em;grid-row-gap:3.5em;display:grid;grid-area:page;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin-top:10%;padding:0 2rem 3rem;position:relative;z-index:100}.preview-wrap>.projects{font-family:RubikMonoOne-Regular;font-weight:600;padding:0 2rem 3rem;position:absolute;top:0}.item1{grid-area:1/1/1/8}.item2{grid-area:2/1/2/4}.item3{grid-area:2/4/2/8}.content-open .preview-wrap{pointer-events:none}.preview{display:grid;grid-template-columns:100%;grid-template-rows:100%;margin:0 auto;min-height:400px;padding:3rem 1rem 0;width:85%;will-change:transform}.preview__img-wrap{cursor:pointer;grid-area:1/1/-1/2}.preview__img{height:650px;overflow:hidden;position:relative;width:100%}.preview__img-inner{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transform:none!important;transform-origin:0!important;width:100%}.content__meta{color:#767474;color:var(--color-text-alt);margin-bottom:2rem}.preview__title{align-self:end;grid-area:1/3/-1/4;justify-self:start;pointer-events:none;position:relative;text-align:center;transform:translate3d(0,50%,0)}.preview__title-main{font-family:RobotoMono,sans-serif;font-size:clamp(1rem,4vw,2rem);font-weight:400;font-weight:300;line-height:1.2;margin:0}.preview__title-main>span{display:block}.preview__title-main>span:last-child{display:block;font-family:RobotoMono,sans-serif;font-weight:500;padding:0}.preview__desc{line-height:1.2;margin:0 auto;max-width:400px;text-transform:uppercase}.content-wrap{display:grid;grid-area:page;grid-template-areas:"back back" "content content";grid-template-rows:auto 1fr;height:100%;overflow:hidden;padding:2rem;pointer-events:none;position:-webkit-sticky;position:sticky;top:0}.action{opacity:0;pointer-events:none;visibility:hidden}.content-open .action{pointer-events:auto;visibility:visible}.action svg{height:2em;width:2em}.action--back{grid-area:back;justify-self:start;padding:1rem 0}.action span{text-transform:uppercase}.content{grid-gap:2vw;display:grid;grid-area:content;grid-row:2/span 2;grid-template-areas:"img" "thumbs" "text";grid-template-columns:100%;grid-template-rows:20vh -webkit-min-content auto;grid-template-rows:20vh min-content auto;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0}.content__images{align-items:start;display:flex;flex-direction:column;grid-column:1/3;grid-row:3/3;height:100%;justify-content:center;opacity:1;padding:5%;transition:opacity 2s;width:100%;z-index:99}.content__images>img{height:100%;margin:2% 0;width:100%}.transparent{display:none;opacity:0!important}.content--current{opacity:1;pointer-events:auto;position:relative}.content__group{grid-area:text}.content__title{font-family:RubikMonoOne-Regular,sans-serif;font-size:clamp(1rem,3.5vw,2.5rem);font-weight:400}.content__title span{display:block}.content__title>span:last-child{font-family:RubikMonoOne-Regular,sans-serif;font-weight:500;padding:0 0 0 .75rem;transform:translateY(-25%)}.content .preview__img{grid-area:img}.content__thumbs{grid-gap:2vw;display:grid;grid-area:thumbs;grid-auto-columns:auto;grid-auto-flow:column;justify-content:start}.content__thumbs-item{width:400px}.content__thumbs-item:hover{cursor:not-allowed}.hidden{opacity:0;pointer-events:none}@media screen and (min-width:53em){main{grid-template-areas:"frame page";grid-template-columns:auto 1fr}.frame{height:100vh;opacity:.5;padding:2rem;position:-webkit-sticky;position:sticky;top:0}#cdawrap,.frame__prev,.frame__title{justify-self:start;transform:rotate(180deg);writing-mode:vertical-rl}body #cdawrap{justify-self:start}.frame__prev{margin:1rem 0 0}.frame__title-back{transform:scaleY(-1)}.preview__desc{margin:-2.5rem auto 0}.content{grid-template-areas:"... ..." "img text" "thumbs text" "... ..." "... ...";grid-template-columns:60% 1fr;grid-template-rows:2rem 1fr auto auto auto 1rem}.content__thumbs-item{width:100%}.content__text{max-width:400px}}.about-desc-wrapper,.about-title-wrapper{overflow:hidden}.about-wrapper{background-color:#000;border-radius:.375rem;height:100%;padding:4%;width:100%}.project-col{margin:1%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.details-col{border-radius:.375rem}.proj-title{font-family:RubikMonoOne-Regular;font-size:3em;font-weight:400;letter-spacing:-1px;margin:0!important;text-transform:uppercase}.proj-desc{font-family:Hanken Grotesk,sans-serif;font-size:1.7em;font-weight:200;letter-spacing:0;margin:0!important}.proj-link{background-color:#000;border-radius:50%;bottom:2%;color:#fff;font-family:Brandford-Regular;height:100px;padding:2%;right:5%;text-decoration:none;width:100px}.email{display:flex;flex-direction:column}.email-me{align-items:center;background-color:#000;border-radius:.375rem;color:#fff;display:flex;justify-content:center;padding:2%;text-align:center;text-decoration:none;width:75%}.email-me:hover{text-decoration:underline}.color-rating{font-family:RobotoMono;font-size:.95em}.beginner,.expert,.intermediate{background-color:#fff;color:#000;font-family:RobotoMono}.spacer{height:100%;width:20px}.square{border:1px solid #000;height:10px;width:10px}.stack-wrapper{border-bottom:2px solid #0000}.stack-wrapper:last-child{border:none}.stack-wrapper svg{height:20px;width:20px}.stack-label-wrapper{align-items:center;display:flex;justify-content:start;overflow:hidden;width:240px}.stack-label{font-family:RubikMonoOne-Regular;font-size:1em;margin-bottom:2%;margin-right:5%;width:100%}.stack-item-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}.stack-item-wrapper ul{font-family:Hanken Grotesk,sans-serif;width:100%}.stack-item-wrapper span{align-items:center;border:1px solid #000;border-radius:24px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:1%;margin-right:1%;margin-top:1%;min-width:0;padding:1% 2%;text-align:center}.socials-wrapper{right:24px;top:24px;width:175px}.socials-list{margin:0;padding:0}.socials-list svg{fill:#fff;height:48px;width:48px}.exp-parent{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:200px 700px;grid-template-rows:repeat(9,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.exp-div1{grid-area:1/1/2/2}.exp-div2{grid-area:2/1/3/2}.exp-div3{grid-area:3/1/4/2}.exp-div4{grid-area:4/1/5/2}.exp-div5{grid-area:5/1/6/2}.exp-div6{grid-area:6/1/7/2}.exp-div7{grid-area:7/1/8/2}.exp-div8{grid-area:8/1/9/2}.exp-div9{grid-area:9/1/10/2}.exp-div10{grid-area:1/2/2/3}.exp-div11{grid-area:2/2/3/3}.exp-div12{grid-area:3/2/4/3}.exp-div13{grid-area:4/2/5/3}.exp-div14{grid-area:5/2/6/3}.exp-div15{grid-area:6/2/7/3}.exp-div16{grid-area:7/2/8/3}.exp-div17{grid-area:8/2/9/3}.exp-div18{grid-area:9/2/10/3}.exp{display:grid;grid-template-rows:150px}.column-spacer{grid-row:5/5!important}@media (min-width:1024px) and (max-width:1280px){.preview{width:100%}}@media (min-width:768px) and (max-width:1024px){.proj-details-wrapper{flex-direction:column!important}.about-desc-wrapper{margin:5% 0 10%;width:100%!important}.skills-wrapper{margin:0!important;width:100%!important}.about-title{align-items:start!important;font-size:2.5em;text-align:start}}@media (min-width:480px) and (max-width:768px){.content{grid-template-rows:repeat(1,1fr)}.content__title>span:last-child{padding:0}.content__group{grid-row:6/6}.content__images{grid-row:10/10}.preview-wrap{display:flex;flex-direction:column;padding:0}.preview{height:50%;padding:10%;width:100vw}.proj-details-wrapper{flex-direction:column!important}.about-desc-wrapper{margin:5% 0 10%;width:100%!important}.skills-wrapper{margin:0!important;width:100%!important}.about-title{align-items:start!important;font-size:2em;text-align:start}.socials-list svg{height:32px!important;width:32px!important}.stack-item-wrapper span{font-size:.85em}}@media (max-width:480px){.content{grid-template-rows:repeat(1,1fr)}.content__title>span:last-child{padding:0}.content__group{grid-row:6/6}.content__images{grid-row:10/10}.preview-wrap{display:flex;flex-direction:column;margin-top:4rem;padding:0}.preview{padding:10%;width:100vw}.preview__img{height:350px}.about-wrapper{padding-top:10%!important}.about-title-wrapper,.proj-details-wrapper{flex-direction:column!important}.about-title-wrapper>.socials-wrapper{margin-top:5%!important}.about-desc-wrapper{margin:5% 0 10%;width:100%!important}.about-desc{font-size:1.25em!important}.skills-wrapper{margin:0!important;width:100%!important}.about-title{align-items:start!important;font-size:1.25em;text-align:start}.socials-list svg{height:24px!important;width:24px!important}.stack-item-wrapper span{font-size:.65em}.stack-label{font-size:.85em}.stack-wrapper svg{height:10px;width:10px}}
/*# sourceMappingURL=main.ec1da1a1.css.map*/