@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Montserrat:ital,wght@0,100;0,200;0,400;0,600;0,800;1,100;1,200;1,400;1,600;1,800&family=Source+Serif+Pro:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap" rel="stylesheet);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;font-size:.9em;margin:0}#root,#root>*,body{height:100%;width:100%}#root,#root>*{align-items:stretch;display:flex;justify-content:center;position:fixed}a{color:#000;text-decoration:underline;text-decoration-color:#fd0;text-decoration-thickness:.2em}a:hover{background-color:#fd0}p{line-height:1.5em}.mainContainer{background-color:#fff;height:100%;margin:0;position:fixed;width:50%}.left{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;left:0;top:0;touch-action:none}.left>*{margin-left:4em;margin-right:4em}.left .logo{margin:-4px 0 0;width:100%}.left .logo svg{fill:#000;width:100%}.left .logo svg:hover{fill:#fff;background-color:#0f0f0f}.left .logo svg:active{fill:#fd0}.left .logo h2{font-size:1.5em;font-weight:200;margin-bottom:1em;margin-left:2.5em;margin-top:0}.left header{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:space-between}.left header p{margin-bottom:1em}.left #btn_profile{align-items:center;border-radius:1em;display:flex;font-size:.7em;height:2em;justify-content:start;width:8em}.left #btn_profile :first-child{margin-left:auto;padding:0;text-align:center;vertical-align:center}.left #btn_profile svg{flex-shrink:0;height:40px;margin:0 -1.2em;padding:0;scale:.25;width:40px}.left #btn_profile:hover{stroke-width:5;box-shadow:0 0 0 1px #000;cursor:pointer}.left #btn_profile:active{background-color:#fd0}.right{align-items:flex-start;display:flex;justify-content:center;overflow:hidden;right:0}.right .background{background-image:url(/static/media/profilePic00.78c59a8191a1dda90e70.JPG);background-position:20vh;background-repeat:no-repeat;background-size:auto 100%;height:110vh;position:absolute;width:70vh}.circleContainer{align-items:center;background-color:#000;display:flex;flex-direction:column;flex-wrap:wrap-reverse;gap:2em;height:100%;justify-content:center;mix-blend-mode:hard-light;position:relative;width:100%;z-index:2}.circle{background-color:gray}.circle,.preview{background-position:50%;background-size:cover;border-radius:50%;height:18em;width:18em}.preview{position:fixed;z-index:2}.banner{color:#fd0;font-family:Monolisk Black,sans-serif;font-size:10em;position:fixed;text-align:center;z-index:4}.leftEdge{border-left:1px dotted #000;border-right:.5px dotted #949494;flex-shrink:0;font-weight:lighter;text-align:center;vertical-align:middle;width:25px;writing-mode:vertical-lr}.leftEdge:hover{background-color:#fd0;cursor:pointer;font-weight:400}.leftEdge:active{background-color:#e5e5e5}.about .leftEdge{background-color:#0f0f0f;border-color:#fff;color:#fff}.topEdge{background-color:#0f0f0f;flex-shrink:0;font-weight:lighter;height:2px;text-align:center;vertical-align:middle;width:100%}figure{margin:0;width:100%}figure img{border:1px solid #000;height:auto;width:100%}figcaption{font-family:"Source Serif Pro",serif;font-size:.9em;font-style:italic;font-weight:400;margin-bottom:.3em;margin-left:2em;margin-top:.1em}.compositeFigure{display:flex;flex-direction:column;width:100%}.compositeFigure>div{background-color:red;display:flex;gap:.2em;justify-content:flex-start;margin:0;overflow:auto;padding:0;width:100%}.compositeFigure>div .imageWrapper{margin:0;max-height:20vh}.compositeFigure>div .imageWrapper img{height:100%;width:auto}.projectVideoContainer{margin:.5em 0}footer{align-items:center;background-color:#fff;border-top:1px dotted #0f0f0f;bottom:0;color:#0f0f0f;display:flex;font-size:.8em;font-weight:100;height:2em;justify-content:center;left:0;position:fixed;width:50%;z-index:0}#projectArrow:active{border-radius:1em}#projectArrow:active.link{background-color:#e5e5e5;border-color:#0000;color:#fd0}.link{align-items:center;cursor:pointer;display:flex;padding:5px;text-decoration:none;transform:rotate(-90deg) translateZ(0);transform-origin:left top}.link__arrow{display:inline-flex}.link__arrow span{background:#bebdbe;border-radius:2px;height:4px;overflow:hidden;position:relative;width:14px;z-index:2}.link__arrow span:first-child{transform:rotate(45deg) translate3d(7px,-9px,0);transform-origin:left bottom}.link__arrow span:nth-child(2){transform:rotate(-45deg);transform-origin:left bottom}.link__arrow span:after{background:#fd0;content:"";display:block;height:6px;left:0;position:absolute;width:0}.link__line{background:#bebdbe;height:4px;margin-left:-14px;margin-right:30px;overflow:hidden;position:relative;width:140px;z-index:1}.link__line:after{background:#fd0;content:"";display:block;height:4px;left:140px;position:absolute;width:40px}.link__text{color:#4a4a4a;font-size:1em}.link:hover{background-color:#0000;font-weight:400}.link:hover .link__line:after{animation:animation-line 1.2s forwards}.link:hover .link__arrow span:after{animation:animation-arrow 1.2s forwards;animation-delay:1s}@keyframes animation-line{0%{left:140px}to{left:0}}@keyframes animation-arrow{0%{width:0}to{width:100%}}.projectFilter>div{align-items:center;display:flex;text-align:center}.tgl{display:none}.tgl+.tgl-btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;content:attr(data-tg-on);cursor:pointer;font-size:.8em;height:2em;overflow:hidden;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;vertical-align:middle}.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{color:#0f0f0f;font-weight:400;line-height:1.8em;position:absolute;transition:all .2s ease;width:100%}.tgl+.tgl-btn:after{content:attr(data-tg-on);left:100%}.tgl+.tgl-btn:before{content:attr(data-tg-off);left:0}.tgl+.tgl-btn:active{background:#888;border-radius:.5em}.tgl+.tgl-btn:active:before{border-radius:.5em;left:-10%}.tgl:checked+.tgl-btn{border-color:#0000;border-radius:1em;box-shadow:0 0 0 2px #fd0;vertical-align:middle}.tgl:checked+.tgl-btn:before{border-radius:0;left:-100%}.tgl:checked+.tgl-btn:after{left:0}.tgl:checked+.tgl-btn:active:after{background:#888;border-radius:.5em;left:10%}@media(max-width:600px){#root,#root>*{display:block;flex-direction:column;overflow:hidden}.mainContainer{width:100%}.left{background-image:url(/static/media/profilePic01.47211760691d7aa88d32.JPG);background-position:100% 100%;background-repeat:no-repeat;background-size:auto 60%}.left .logo{width:calc(100vw - 26px)}.right{left:100%;visibility:hidden}.projectContentContainer{padding:3em 3.5em 3em 1em}.footer{width:100vw}.link__line:after{animation:animation-line-looped 1.5s forwards;animation-iteration-count:infinite;animation-timing-function:linear}.link__arrow span:after{animation:animation-arrow-looped;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes animation-line-looped{0%{left:140px}70%{left:0}to{left:-30px}}@keyframes animation-arrow-looped{0%{width:0}70%{width:0}to{width:100%}}.contact>div:nth-child(3){gap:5vw}.contact img{height:10vw;width:auto}footer{width:100%}}@media(max-height:700px){.link{transform:rotate(-90deg)}.link__line{width:60px}.contact .contactWrapper h1{font-size:18vh}.contact .contactWrapper h2{font-size:2.5vh;margin-bottom:2vh;margin-top:5vh}.contact .contactWrapper>div:nth-child(3){gap:3vh}.contact .contactWrapper img{height:7vh;width:auto}}@media(max-height:500px){.link{flex-wrap:wrap;padding-left:10px;transform:rotate(-90deg);width:120px}.link>span:last-child{margin-left:1em;margin-top:1em;width:50%}.projectIndex{height:80%}.projectIndexSlideIn{top:25%}}.about{align-items:stretch;background-color:#fff;display:flex;height:100%;justify-content:space-between;left:calc(100% - 25px);opacity:1;position:fixed;top:0;width:50%;z-index:10}.about p{margin:1em 0}.about hr{background-color:#eee;border:0;height:1px;margin-bottom:2em}.about h3{font-weight:200;margin-bottom:-.4em;margin-top:6em}.about .links{display:flex;flex-wrap:wrap;font-size:.8em;justify-content:space-between;margin-bottom:3em}.aboutContainer{overflow:auto;padding:6em 5em}@media(max-width:600px){.about{width:100%}.about .aboutContainer{overflow:auto;padding:3em 2em}}.projectIndex{background-color:#fff;display:flex;flex-direction:column;height:60%;justify-content:flex-start;left:0;position:fixed;top:100%;width:50%;z-index:4}.projectFilter{display:flex;flex-wrap:wrap;font-size:.8em;gap:.75em;justify-content:space-evenly;padding:1em 2em}.indexTableContainer{overflow:auto;width:100%}.projectIndexTable{border-collapse:collapse;font-size:.7em;padding:0 1em;width:95%}.projectIndexTable th{font-size:.7em;font-weight:200;padding:.2em .5em;text-align:left}.projectIndexTable td{overflow-wrap:break-word;padding:.5em}.projectIndexTable tr:hover{border-color:#0000;box-shadow:0 0 0 .5px #d3d3d3;cursor:pointer}.projectIndexTable tr:active{background-color:#fd0}.selected{background-color:#e5e5e5}@media(max-width:600px){.projectIndex{height:65%;width:calc(100% - 25px)}}.projectPage,.scrollContainer{display:flex;flex-direction:column;height:100%;width:100%}.scrollContainer{align-items:center;margin-bottom:2em;overflow:auto}.projectContentContainer{display:flex;flex-direction:column;height:100%;max-width:800px;padding:2em 3em}.projectContentContainer img{max-width:100%;min-width:30%}.projectContentContainer figure{margin-bottom:.2em}.projectContentContainer figure img{border-style:none}.projectContentContainer figure figcaption{margin-left:0}.projectContentContainer ul{padding-left:2em}.projectContentContainer h1{margin-bottom:0}.projectContentContainer h2{font-family:Montserrat,sans-serif;font-size:1em;font-weight:100;margin-bottom:1em}.projectContentContainer h3{margin-bottom:.5em;margin-top:1em}.projectContentContainer h5{margin-bottom:.5em}.projectContentContainer p{margin-bottom:1em}.projectContentContainer:last-child{margin-bottom:5em}.backToIndex{align-items:center;background-color:#fff;bottom:0;cursor:pointer;display:flex;flex-direction:column;gap:.5em;height:2em;justify-content:flex-start;position:fixed;width:100%}.backToIndex hr{background-Color:#000;color:#000;height:2px;width:95%}@font-face{font-family:Monolisk Black;src:url(/static/media/monolisk_black.10f8c0244c0b34801565.woff) format("woff")}.contact{background-color:#fd0;bottom:100%;height:50%;padding:0;position:fixed;z-index:10}.contact,.contact .contactWrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.contact .contactWrapper{flex-grow:1;padding:0 0 5vh}.contact .contactWrapper>div:nth-child(3){display:flex;gap:4em}.contact .contactWrapper h1{font-family:Monolisk Black,sans-serif;font-size:13em;margin-bottom:-.3em;margin-top:0;padding:0;text-transform:uppercase}.contact .contactWrapper h2{font-size:2em;margin-bottom:5%;margin-top:5%}.contact .contactWrapper img{height:2em;width:2em}.bottomEdge{border-bottom:1px dotted #000;border-top:.5px dotted #949494;cursor:pointer;display:flex;height:25px;justify-content:center;width:100%}.bottomEdge:hover{background-color:#fff}.bottomEdge:active{background-color:#e5e5e5}@media(min-width:1300px){.contact .contactWrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 0 3em;width:100%}.contact .contactWrapper>div:nth-child(3){display:flex;gap:4em}.contact .contactWrapper h1{font-family:Monolisk Black,sans-serif;font-size:15em;margin-bottom:-.3em;margin-top:0;padding:0;text-transform:uppercase}.contact .contactWrapper h2{font-size:2em;margin-bottom:1em;margin-top:1em}.contact .contactWrapper img{height:3em;width:3em}}@media(max-width:600px){.contact .contactWrapper{justify-content:space-around}.contact .contactWrapper h1{font-size:30vw}.contact .contactWrapper h2{font-size:5vw}.contact .contactWrapper img{height:auto;width:8vw}}
/*# sourceMappingURL=main.da87154d.css.map*/