@import"https://fonts.googleapis.com/css2?family=Stack+Sans+Notch:wght@200..700&display=swap";:root{--grid-spacing: 200px;--grid-color: #dddddd}html,body,#root{height:100%;margin:0;padding:0;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M 50 42 L 50 58 M 42 50 L 58 50' stroke='%23dddddd' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");background-size:var(--grid-spacing) var(--grid-spacing);background-repeat:repeat;background-position:top left}*{box-sizing:border-box}::-webkit-scrollbar{width:0px;background:transparent}.non-selectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.window{height:100%;max-width:2222px;margin:0 auto}.nav-container{width:33%;height:11vh;max-height:9em;position:fixed;z-index:100}.nav-item{margin:20px 50px 20px 20px;width:max-content;max-width:100%;opacity:1;font-size:inherit;font-weight:rgb(0,0,0);backface-visibility:inherit;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.nav-item:hover{opacity:1;cursor:crosshair}.nav-item>a{color:inherit;text-decoration:inherit}.nav-item>img{max-width:100%;max-height:9em}.nav-logo{top:0;left:0;justify-items:left}.nav-work{top:0;right:0;display:flex;justify-content:flex-end;font-size:calc(1em + 1.5vw);font-family:Stack Sans Notch,sans-serif;color:#0bef21}.nav-about{bottom:0;right:0;display:flex;justify-content:flex-end;align-items:flex-end;font-size:calc(1em + 1.5vw);font-family:Stack Sans Notch,sans-serif;color:#ef0b8c}.content-container{width:100%;padding-top:11vh;padding-left:1em;padding-bottom:3em;padding-right:1em;overflow:visible}.project-title{width:100%;margin:15px 0 20px 25px;font-family:Stack Sans Notch,sans-serif;text-transform:lowercase;color:#0bef21;font-size:calc(1.5em + 1vw)}.project-description{width:auto;margin:0 25px 4em;font-family:Stack Sans Notch,sans-serif;text-transform:uppercase;color:#0bef21;font-size:calc(.5em + 1vw);text-align:justify}.about-section{padding:30px 0;color:#ef0b8c}.about-section>*{font-family:Stack Sans Notch,sans-serif}.about-table{width:100%}.about-table tr:first-child td{font-weight:700}.about-table tr td{width:20%;padding-left:10px;padding-right:10px}.about-table tr td:first-child{width:35%}.about-table tr td:last-child{width:25%}.about-table tr:last-child{height:100px;align-content:end}.footer{position:fixed;width:45em;max-width:100%;left:0;bottom:0;z-index:90;padding:1em 2em;background-color:#fff}.footer-text{max-width:35vw;font-family:Stack Sans Notch,sans-serif;font-size:10pt;text-transform:uppercase;color:#000}.footer-text>a{color:inherit;text-decoration:inherit}.grid-item{display:block;margin:0;transition:opacity,color .3s ease-out;text-transform:uppercase;font-family:Stack Sans Notch,sans-serif;font-size:calc(.7em + 2vw);color:#fff}.grid-item:hover{cursor:crosshair;color:#020202}.grid-image{width:100%;vertical-align:top;-webkit-user-drag:none;mix-blend-mode:multiply}.grid-item-no-click{display:block;margin:0;opacity:1;transition:opacity,color .3s ease-out;text-transform:uppercase;font-family:Stack Sans Notch,sans-serif;font-size:45pt;color:#fff}.grid-item-no-click:hover{opacity:1;color:#000}.grid-proj-item{display:block;margin:0}.grid-proj-image{width:100%;vertical-align:top;-webkit-user-drag:none;mix-blend-mode:multiply}.splash-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-screen .splash-img{width:100%;position:relative;animation-timing-function:ease-in-out}.splash-screen .cursor{cursor:crosshair}@keyframes opening{0%{opacity:0%;scale:.9}10%{opacity:100%}to{scale:1}}@keyframes continious{0%{scale:.9}to{scale:1}}.image-swap-container{position:relative;display:block;overflow:hidden;background-color:transparent}.image-swap-container .base-swap-image{opacity:0;transition:opacity .3s ease-in-out}.image-swap-container:hover .base-swap-image{opacity:1}.image-swap-container .thumbnail-adjust-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .3s ease-in-out}.image-swap-container:hover .thumbnail-adjust-overlay{opacity:0}.grid-zoom-controls{position:fixed;left:2em;bottom:1.5em;z-index:100;display:flex;gap:20px;font-family:Roboto,sans-serif;font-size:calc(1.5em + 1vw);color:#000}.zoom-btn{cursor:pointer;transition:opacity .2s ease-out;-webkit-user-select:none;user-select:none}.zoom-btn:hover{opacity:.5}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding) * 1px);position:relative}.react-photo-album--image{width:100%;height:auto;aspect-ratio:var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);display:block}.react-photo-album--button{cursor:pointer;border:initial;background:initial}.react-photo-album--masonry{justify-content:space-between}.react-photo-album--masonry .react-photo-album--track{justify-content:flex-start;row-gap:calc(var(--react-photo-album--spacing) * 1px);width:calc((100% - var(--react-photo-album--spacing) * 1px * (var(--react-photo-album--columns) - 1)) / var(--react-photo-album--columns));flex-direction:column}.react-photo-album--masonry .react-photo-album--photo{width:100%}.customCursor{cursor:url(.pensil.svg),auto}