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 1em;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}.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:Amatic SC,sans-serif;font-size:5em;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}.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}.content{display:flex;justify-content:center;margin-top:9em;z-index:0}.storyboard-projects-container{width:100%}.SB-scene-container{display:grid;flex-direction:column}.SB-title{align-self:flex-start;margin-left:10%}.SB-Panels{display:grid;grid-template-columns:repeat(auto-fill,300px);justify-content:center}.SB-Panel{width:300px}@media screen and (max-width:800px){.content{margin-top:7.5em}}@media screen and (max-width:400px){.content{margin-top:6em}.SB-Panel{grid-template-columns:repeat(auto-fill,350px)}}.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}}
/*# sourceMappingURL=main.4fe43b1d.css.map*/