header.nav{width:100%;height:calc(var(--custom-side-padding)*1.5);text-align:center}.nav a,.nav button{text-decoration:none}.nav button{background-color:initial;border:0;padding:0}.nav button:last-of-type span{margin-right:0}.nav-container{display:grid;grid-template-columns:100px 1fr;height:inherit}.nav-item{text-align:right;font-size:20px;margin-top:var(--custom-side-padding);margin-right:40px}.nav-item.logo{text-align:left;margin-top:-15px;margin-left:var(--custom-side-padding)}img.nav-item{width:50px}#logo-color-change img{-webkit-animation:red-to-white 2s forwards;animation:red-to-white 2s forwards}@-webkit-keyframes red-to-white{0%{-webkit-filter:none;filter:none}to{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}}@keyframes red-to-white{0%{-webkit-filter:none;filter:none}to{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}}#logo-color-change img:hover{-webkit-animation:white-to-red .5s forwards;animation:white-to-red .5s forwards}@-webkit-keyframes white-to-red{0%{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}to{-webkit-filter:none;filter:none}}@keyframes white-to-red{0%{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}to{-webkit-filter:none;filter:none}}#logo-color-change img.active{-webkit-filter:none!important;filter:none!important;-webkit-animation:none;animation:none}.nav-item.links{margin-right:var(--custom-side-padding)}.nav-item.active{color:#fff}.nav-item.inactive{-webkit-animation:mouse-off-nav-item 2s forwards;animation:mouse-off-nav-item 2s forwards}@-webkit-keyframes mouse-off-nav-item{0%{color:#fff}to{color:grey}}@keyframes mouse-off-nav-item{0%{color:#fff}to{color:grey}}.nav-item.inactive:hover{-webkit-animation:mouse-on-nav-item .5s forwards;animation:mouse-on-nav-item .5s forwards}@-webkit-keyframes mouse-on-nav-item{0%{color:grey}to{color:#fff}}@keyframes mouse-on-nav-item{0%{color:grey}to{color:#fff}}@media (min-width:1350px){.nav-item{margin-right:2em}}@media (max-width:600px){header.nav{height:calc(var(--custom-side-padding)*2)}.nav-item{margin-right:15px;font-size:18px}}@media (max-width:400px){.nav-item{font-size:15px}}.main-container{position:relative;margin-bottom:var(--custom-padding)}.slide-wrap{position:relative;margin:auto auto 100px}.slide-box{width:100%;margin:auto;overflow:hidden}.slide-content{display:table;float:left;width:100%;height:-webkit-max-content;height:max-content;margin-left:var(--custom-side-padding);margin-right:var(--custom-side-padding)}.slide-list{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.page-mask{height:250px;position:relative}.big-text{font-size:10.5vw;position:absolute;bottom:0;margin:0;color:#fff}.page-exp{color:#a8a8a8}.syntax-highlight{color:#b22222}@media (min-width:1100px){.big-text{font-size:130px}}@media (max-width:900px){.page-mask{height:25vw}}@media (max-width:550px){.page-mask{height:75px;margin-bottom:25px}.page-exp{word-break:break-all}}@font-face{font-family:"Fira Code";font-style:normal;font-weight:900;src:url(/webface/static/media/FiraCode-Regular.8b606aa9.ttf) format("ttf")}.markDown{position:absolute;bottom:-70px;background-color:#212121;padding:10px;border-radius:5px}.markDown,p.explanation{width:-webkit-max-content;width:max-content}p.explanation{font-family:"Fira Code",Courier,monospace;color:#89ddff;font-size:11pt;line-height:25px;word-break:break-all}.white{font:inherit;color:#edffff}.quote{font:inherit;color:#c3e88d}@media (max-width:900px){p.explanation{width:77vw;font-size:10pt}.markDown{display:none}}.divider{border:2px solid grey}.container{margin:30px 0;background-color:initial;color:#f5f5f5}.container,.proj-summary{height:-webkit-max-content;height:max-content}.proj-summary{display:flex;flex-direction:row;grid-gap:20px;gap:20px;margin-bottom:20px}.container .div{color:inherit}.index-box{background-color:#f8b304;width:-webkit-max-content;width:max-content;color:#000;padding:20px;font-family:Helvetica,Arial,sans-serif}.index-box .num{font-weight:700;color:#000;font-size:30pt}.index-box .sub{color:#383838}.exp-box .proj-title{font-weight:900;font-size:35pt}.exp-box .proj-exp{color:#a8a8a8}.img-box{display:flex;flex-direction:row;grid-gap:2%;gap:2%}.img-box .sample-img{width:49%}@media (max-width:1000px){.container{margin:15px 0}.index-box{padding:10px;height:-webkit-min-content;height:min-content;float:left;margin-right:10px}.index-box .num{font-size:5vw}.proj-summary{display:block}.index-box .sub{font-size:2vw}.exp-box .proj-title{font-size:6vw;margin-bottom:5px}.img-box{flex-direction:column;grid-gap:2%;gap:2%}.img-box .sample-img{width:100%}}.contact-methods{text-align:right;display:flex;flex-direction:row-reverse;grid-gap:20px;gap:20px}.method{display:block;text-decoration:none;padding:2px;font-family:"Courier New";background-color:grey;border-radius:30%}.method:hover{background-color:hsla(0,0%,96.1%,.781)}.method a{height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content}.method img{width:40px;height:40px}@font-face{font-family:"apple";src:local("apple"),url(/webface/static/media/AppleSDGothicNeo.f127e181.ttc) format("truetype")}*{--custom-side-padding:150px;-webkit-user-select:none;user-select:none;outline:0;padding:0;text-decoration:none;font-family:"Apple SD Gothic Neo","apple","arial"}*,body{margin:0;color:#fff}body{background-color:#111}.courier-new{font-family:"Courier New",Courier,monospace,ap}.courier-new a{text-decoration:none;color:#fff}.courier-new h2 li{margin-bottom:20px}h1{font-size:2em;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.2em;margin-block-end:.2em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-weight:700}h1,h3{display:block}h3{font-size:1.17em;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-weight:400;color:#888}h3.me-explanation{-webkit-animation:gray-black-toggle 1s alternate;animation:gray-black-toggle 1s alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:-2s;animation-delay:-2s}@-webkit-keyframes gray-black-toggle{0%{color:#d7322d}50%{color:#888}to{color:#000}}@keyframes gray-black-toggle{0%{color:#d7322d}50%{color:#888}to{color:#000}}@media (max-width:900px){*{--custom-side-padding:10vw}}
/*# sourceMappingURL=main.97eaf797.chunk.css.map */