html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body.overlay-on{overflow:hidden}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:grid;grid-template-rows:1fr auto;min-height:100vh;min-height:100dvh;padding:0;position:relative}@media screen and (max-width:432px){.App{padding:0}}.overlay{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background:linear-gradient(hsla(0,0%,100%,.517),rgba(141,147,163,.305));min-height:100%;min-width:100%;position:fixed;transition:opacity .15s}.overlay-content{flex-shrink:0;max-height:100%;max-width:100%}.overlay-content img{border:.15em solid #000;box-shadow:5px 5px 100px rgba(0,0,0,.398);max-height:95vh;max-width:95vw}.overlay-content.off,.overlay-content.off img,.overlay.off{opacity:0;z-index:-10000}.overlay-content.on,.overlay-content.on img,.overlay.on{align-items:center;display:flex;justify-content:center;opacity:100%;z-index:1}.header{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;left:0;padding-bottom:1em;position:fixed;width:100%;z-index:2}.header.trans{background:#0000;transition:all .15s}#header-link{color:#2c2c2c;text-decoration:none}.title-box{margin:0 2em;white-space:nowrap;z-index:3}.title-box.trans{filter:invert(1);mix-blend-mode:difference}.header-name{font-family:Libre Baskerville,serif;font-optical-sizing:auto;font-size:5em;font-style:normal;font-weight:400;margin:0}.header-job{color:gray;letter-spacing:.15em;margin-right:.3em}.navigation{align-self:center;flex-grow:1;margin-right:2em;max-width:600px;padding:0;position:relative}.navigation.wide-off{display:none}.nav-links{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.link-divider{color:#f08080;-webkit-user-select:none;user-select:none}.nav-link{color:#000;letter-spacing:.07em;text-decoration:none}.nav-link:hover{color:red;transition:.2s}.nav-link:active{color:red}@media screen and (max-width:800px){.header-name{font-size:4em}.header-job{letter-spacing:.05em}.navigation{align-items:center;display:flex;height:100vh;justify-content:center;max-width:800px;position:absolute;right:-100vw;top:100%;width:100vw}.navigation.mobile-on{left:0;opacity:100%;position:absolute;top:0}.navigation.mobile-off{left:-100vw;opacity:0;top:0}.nav-links{flex-direction:column;font-size:2em;height:50%}.link-divider{display:none}}@media screen and (max-width:400px){.header-name{font-size:3em}.header-job{font-size:small;letter-spacing:0}#mobile-nav-box{height:50px;width:50px}}.mobile-nav-box{display:none;opacity:0}.mobile-nav-box.on{align-self:center;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:space-between;margin-right:1em;opacity:100%;transition:opacity .15s;width:60px;z-index:3}.ham{background-color:#000;border-radius:.4em;height:5px;transform-origin:left;transition:.4s cubic-bezier(0,.82,.6,1);width:100%}.ham-2{margin:auto}.ham-on.ham-1{rotate:45deg;width:130%}.ham-on.ham-2{width:0}.ham-on.ham-3{rotate:-45deg;width:130%}.mobile-nav-box .ham-on{background-color:#a10000}.mobile-nav-box:hover .ham-on{background-color:red}.overlay-on{right:0}@media screen and (max-width:800px){.mobile-nav-box{align-self:center;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:space-between;margin-right:1em;opacity:100%;width:60px;z-index:3}.mobile-nav-box.trans{background-color:#000;border-radius:1em}}footer{bottom:0;margin-left:15px;z-index:10}.content{display:flex;justify-content:center;margin-top:9em;z-index:0}.landing-box{width:100%}.intro-container{background-color:hsla(0,0%,100%,.785);padding:20px;width:500px}.landing-right-image-container{bottom:0;pointer-events:none;position:fixed;right:0;z-index:-1}@media screen and (max-width:780px){.intro-container{width:80%}.landing-right-image-container{left:-250px}}.storyboard-projects-container{width:100%}.SB-scene-container{display:grid;flex-direction:column}.SB-title{align-self:flex-start;margin-left:10%}.SB-title-card{width:100%}.SB-Panels{display:grid;grid-template-columns:repeat(auto-fill,50%);justify-content:center}.SB-Panel{width:100%}@media screen and (min-width:2000px){.SB-Panels{display:grid;grid-template-columns:repeat(auto-fill,33%);justify-content:center}}@media screen and (max-width:800px){.content{margin-top:7.5em}.SB-Panels{display:flex;flex-direction:column;width:100%}}@media screen and (max-width:400px){.content{margin-top:6em}}.all-illustrations-box{display:grid;grid-template-columns:repeat(auto-fill,200px);justify-content:center;width:100%}.illustration-box{align-items:center;background-color:#000;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.illustration{height:400px;transition:.2s}.illustration-box:hover .illustration{height:300px;transition:.2s}@media screen and (max-width:832px){.all-illustrations-box{display:flex;flex-wrap:wrap}.illustration-box{flex:1 0 150px}}.contact-view-box{width:100%}.actual-contact-info{display:flex;flex-direction:column;height:100px;justify-content:space-around;margin:0 auto;padding:10vh 5vw;width:50%}.actual-contact-info *{color:#484848;transition:.2s ease}.actual-contact-info a:hover{color:red;transition:.2s ease}
/*# sourceMappingURL=main.cc92fde8.css.map*/