body{margin:0;font-family:"Rubik",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none;color:#000}a.writing-image{display:block;margin-bottom:10px}.writing-page{display:flex;flex-direction:column;grid-gap:32px;gap:32px;max-width:700px;margin:0 auto;padding:32px 0}.writing-post{background:none;border-left:30px solid #858691;.writing-post:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:24px;background:url('data:image/svg+xml;utf8,<svg width="100%25" height="24" viewBox="0 0 400 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20 Q 20 24 40 20 T 80 20 T 120 20 T 160 20 T 200 20 T 240 20 T 280 20 T 320 20 T 360 20 T 400 20 V24 H0Z" fill="%23e0e0e0"/></svg>');background-repeat:repeat-x;background-size:400px 24px;pointer-events:none;z-index:1}box-shadow:0 2px 8px rgba(0,0,0,.07);padding:48px 8vw;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin:0 -50vw;box-sizing:border-box;text-align:left}a.writing-post-link{color:#222;font-size:1em;font-weight:400;text-decoration:underline;margin-top:8px;margin-bottom:0;transition:color .2s;display:inline-block}a.writing-post-link:hover{color:#555;text-decoration:underline}.writing-post-title{position:relative}.writing-image-wrapper{display:inline-block;position:relative}.writing-image{width:100%;max-width:300px;height:auto;border-radius:0;margin-bottom:16px;object-fit:cover;box-shadow:0 1px 4px rgba(0,0,0,.08);transform:none;display:block}.writing-image-wrapper:before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%) rotate(15deg);width:28px;height:28px;background:url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="10" r="7" fill="%23377dff" stroke="%23000" stroke-width="1.2"/><rect x="13.3" y="10.5" width="1.4" height="12" rx="0.7" fill="%23000"/><ellipse cx="14" cy="23.5" rx="4" ry="1.2" fill="%23000" opacity="0.13"/></svg>') no-repeat 50%;background-size:contain;z-index:2;pointer-events:none}.writing-post:nth-child(2n) .writing-image-wrapper:before{transform:translateX(-50%) rotate(-12deg)}.writing-image:before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:28px;height:28px;background:url("data:image/svg+xml;utf8,<svg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='14' cy='14' r='10' fill='%23d32f2f'/><rect x='13' y='6' width='2' height='12' fill='%23333'/><circle cx='14' cy='8' r='3' fill='%23fff' stroke='%23333' stroke-width='1'/></svg>") no-repeat 50%;background-size:contain;z-index:2;pointer-events:none}.writing-post img{max-width:300px;width:100%;height:auto;display:block;margin-left:0;margin-right:0}.writing-post-title{display:block;margin-bottom:12px;font-size:1.3em;font-weight:600;padding-top:2px;text-align:center}.writing-date{color:#888;font-size:.95em;margin:8px 0 12px;text-align:left}.writing-blurb{font-size:1.08em;line-height:1.6;color:#222;text-align:left}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}iframe{background:#000;margin:10px}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}html{scroll-behavior:smooth}.App{text-align:center}#footer{margin-top:20px;background:#000;color:grey;position:fixed;width:100%;bottom:0;text-align:left}#footer p{padding:5px 0 5px 20px;margin:0;font-size:12px}a:visited{color:inherit}.navbar a{padding:8px;margin:10px;transition:.1s;color:#353535}.navbar a:hover{color:#000}.navbar a:active,.navbar a:focus{font-weight:600;color:#000}.navbar{padding:22px 0 12px 10px;text-align:left;vertical-align:baseline;position:fixed;top:0;border-bottom:1px solid #ededed;width:100%;z-index:500;background-color:#fff}.navbar h1{font-size:20px;margin:0;display:inline-block;justify-content:center;text-align:center}.navbar h1:hover{cursor:crosshair}.fadeOut{opacity:0;width:0;height:0;transition:width .5s .5s,height .5s .5s,opacity .5s}.fadeIn{opacity:1;width:100px;height:100px;transition:width .5s,height .5s,opacity .5s 1s}.bio-about{margin-top:110px;padding:5px 10%;line-height:38px;text-align:left;font-weight:300;font-size:18px;margin-bottom:20px}.bio-about h1{font-weight:600;line-height:50px;text-align:left;color:#fff;background:#090909;display:inline}.bio-section,.contact-section{text-align:left;padding:10px 10% 40px;line-height:25px}.bio-section li,.contact-section li{list-style-type:none;margin-bottom:12px;line-height:22px}.contact-section{margin-bottom:50px}.contact-section li{text-decoration:underline;box-sizing:border-box;padding:4px}.contact-section li a:hover{background-color:#000;color:#fff;padding:4px}.bio-section h3,.contact-section h3{font-weight:600;line-height:20px;color:#000;text-transform:uppercase}.link-underline{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;color:grey}.image-page-header{background:#000;padding:1px 2% 1px 20px;position:fixed;top:60px;left:0;min-width:25%;z-index:700;display:flex;justify-content:center;align-content:center}.image-page-header span{width:100vw;max-width:100vw;box-sizing:border-box}.writing-post-content{flex:1 1;max-width:700px;margin-right:32px}.image-page-header h1{vertical-align:center;font-size:15px;cursor:pointer;color:#fff;font-weight:600;text-shadow:1px 1px 50px #000}h1{font-family:"Rubik",Helvetica,sans-serif;text-align:center;font-weight:300}.bio-about h2{text-align:justify;text-justify:inter-word;line-height:180%;font-weight:400;font-size:22px;font-family:"Rubik",sans-serif}.wav,.words{font-weight:300;margin-top:102px;padding:5px 10%;line-height:38px;text-align:left;font-size:18px;margin-bottom:20px}.image-slider{margin-top:90px;display:flex;flex-wrap:nowrap;width:100%;height:550px;overflow-x:scroll;overflow-y:hidden;box-sizing:border-box;opacity:1;transition:.3s}.image-slider::-webkit-scrollbar{display:none}#slider-raw{display:flex}.project{display:inline-block;text-align:left;align-content:center;transition:transform .15s ease-in;line-height:20px;font-weight:500}.project-title{margin-left:20px;font-weight:600;color:#000;cursor:crosshair}.project-category{margin-left:20px;padding:1px;color:#000;font-size:11px;width:75%;line-height:16px}.project:hover .project-category{display:inline-block;width:auto;max-width:35ch;margin-top:8px;padding:8px 6px 6px;background-color:#000;border-radius:7px;color:#fff}.project:hover{z-index:50;transform:translateY(-50px);transform:scale(1.15)}.project:hover .project-title{color:#000;font-size:29px;line-height:32px;font-weight:600;cursor:crosshair;text-shadow:2px 2px 12px #cecece}.project:hover .project-image img{box-shadow:1px 1px 20px rgba(0,0,0,.358);border:8px solid #fff;cursor:crosshair}.project-image img{box-sizing:border-box;width:271px;height:338px;object-fit:cover;display:inline-block;cursor:crosshair}.src iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project-image{width:300px;margin:50px auto 0;padding:20px;display:inline-block;cursor:crosshair}.project-image img{box-shadow:2px 2px 20px #fff}.post{margin-top:50px;display:flex;align-content:flex-start}.post-entry{max-width:450px;text-align:left;float:left;margin:0 auto;cursor:crosshair;white-space:pre-line}.post-title{text-align:left;vertical-align:top;line-height:0}.post:hover h2{color:#000;text-shadow:0 0 7px rgba(0,0,0,.178)}.post:hover h2,.post:hover p{cursor:crosshair;transition:.3s}.post:hover p{margin-top:20px;font-size:21px;font-weight:600;line-height:38px;text-shadow:2px 0 8px rgba(0,0,0,.187);background:hsla(0,0%,50.2%,.12);box-shadow:10px 8px 8px hsla(0,0%,50.2%,.534);padding:16px 20px;border-radius:2px}.post-entry:hover,.post:hover{cursor:crosshair}.toggle-nav{display:flex;vertical-align:top;position:absolute;right:10px;top:61px;padding-left:20px;z-index:500;font-size:12px}.toggle-nav:hover{cursor:pointer}.inactive{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation:shake 1.05s cubic-bezier(.36,.07,.19,.87) both;animation:shake 1.05s cubic-bezier(.36,.07,.19,.87) both;color:#000;padding:2px 5px;transition:.3s}#fader{position:fixed;z-index:200;width:100vw;height:100vh;top:0;background-image:linear-gradient(180deg,#000 100%,#000 0);opacity:0;pointer-events:none}.faderOut{-webkit-animation:fadeInAndOut;animation:fadeInAndOut;-webkit-animation-duration:2s;animation-duration:2s}.active{font-weight:600;padding:2px 5px;transition:.3s}.active,.inactive:hover{color:#000}.image-and-lightbox-wrapper{display:flex;background-color:grey;justify-content:space-between;flex-wrap:wrap;width:100vw;height:100vh}.lightbox{width:75%;height:100vh;box-sizing:border-box;padding-bottom:20px;background-color:rgba(0,0,0,.879);transition:width .5s;display:flex;align-items:center}.vignette-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-100;box-shadow:inset 0 0 80px rgba(79,79,79,.536)}#src-projects-slider{margin-top:-5px;height:600px}.lightbox-image{max-width:90%;max-height:65vh;box-sizing:border-box;border:8px solid #fff;margin:20% auto}.image-page{position:absolute;top:60px;width:100%;object-fit:fill;display:flex;justify-content:center;padding:0;background:#fff;color:#fff;z-index:50}.image-grid{position:relative;background-color:#000;width:25%;object-fit:cover;height:100%;display:flex;justify-content:space-evenly;align-content:flex-start;overflow:scroll;box-sizing:border-box;flex-wrap:wrap;flex-grow:2;align-items:stretch}.image-container{width:1fr;height:180px;flex:1 1;background-color:#000;flex-basis:auto}.image-container img{width:100%;height:100%;object-fit:cover;cursor:crosshair;transition:all .4s;opacity:.4;flex-basis:auto}.image-container:hover{z-index:600;flex:3fr 1;border:1px solid hsla(0,0%,100%,.81);box-sizing:border-box;transition:.2s}.image-container:not(:hover) .image-grid{justify-content:stretch}.image-container img:hover{opacity:1;flex:3fr 1;z-index:900}#src-project-wrapper{box-sizing:border-box;margin-top:59px;top:-50px;display:block;width:100%;height:auto;background-color:#fff}.src-header-image-section{width:100%;max-height:15vw;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.src-header-card img{opacity:.5;min-height:102%;min-width:102%;flex-shrink:0}.src-description-section{min-height:100px;z-index:100;display:inline-block;background:#fff;left:0;margin:0 auto;text-align:left;padding:10px 40px 20px}.src-pic{max-width:150px;max-height:10%;float:left;padding:5px 20px 5px 0}.src-page{display:inline-flex;justify-content:center;flex-direction:column;margin:110px 60px}.src-links{list-style-type:none;margin-top:20px;font-weight:600;text-align:left;font-size:19px;padding:20px 0 0}.src-links .src-description{background-color:rgba(0,0,0,.057);box-sizing:border-box;padding:16px 20px;font-weight:500;font-size:.8rem;max-width:550px;font-size:13px;display:block}.src-links,.tech{margin-top:2px;font-size:12px;float:right}.src-links a{padding:2px;text-decoration:underline}.src-links a:hover{background:#000;color:#fff;text-decoration:underline;padding:3px}.src-links p{margin-top:8px;font-weight:200;line-height:20px;font-size:15px}.src-description-section h1{padding:8px 10px;position:relative;top:-4px;left:-41px;background:#000;width:auto;display:inline-block;color:#fff;text-align:left;font-weight:600}.src-description-section a{display:block;text-decoration:underline;color:grey}.src-description-section .blurb{margin-top:-1px;line-height:28px;text-align:left;max-width:425px;font-size:17px}.src-gallery-wrapper{border-top:1px solid #000;background-image:linear-gradient(0deg,#262626,#000)}.src-gallery-video-container{box-sizing:border-box;width:100%;display:flex;flex-direction:column;justify-content:center;align-content:center;color:#fff;text-align:left;padding:20px}.src-gallery-video-container h1{width:auto;font-weight:600;text-transform:uppercase;font-size:25px;text-align:left}.src-gallery-video-container img{max-width:60%;border:8px solid #fff;box-shadow:1px 1px 20px rgba(0,0,0,.358);margin:0 auto}.src-gallery-images-wrapper{display:flex;justify-content:space-between;align-content:space-between;width:100%}.src-gallery-images-wrapper img{min-width:200px;margin:10px;border:1px solid #000}@media (prefers-blackuced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@media only screen and (max-width:388px){.navbar a{padding:8px;margin:10px;transition:.1s;color:#353535}.navbar{display:flex;padding:0;vertical-align:baseline}}.project-gallery{background-color:#000;top:0}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@-webkit-keyframes fadeInAndOut{0%{opacity:1;background-image:linear-gradient(180deg,#000 100%,#000 0)}35%{opacity:1;background-image:linear-gradient(180deg,#000 100%,#000 0)}45%{opacity:.9;background-image:linear-gradient(180deg,#000 100%,#000 0)}80%{background-image:linear-gradient(180deg,#000 100%,transparent 0)}to{opacity:0}}@keyframes fadeInAndOut{0%{opacity:1;background-image:linear-gradient(180deg,#000 100%,#000 0)}35%{opacity:1;background-image:linear-gradient(180deg,#000 100%,#000 0)}45%{opacity:.9;background-image:linear-gradient(180deg,#000 100%,#000 0)}80%{background-image:linear-gradient(180deg,#000 100%,transparent 0)}to{opacity:0}}
/*# sourceMappingURL=main.e8b6d752.chunk.css.map */