@font-face{font-family:DejaVu Sans;src:url(/static/media/dejavu-sans-webfont.8319706a9af6c3a9d8da.eot);src:url(/static/media/dejavu-sans-webfont.8319706a9af6c3a9d8da.eot?#iefix) format("embedded-opentype"),url(/static/media/dejavu-sans-webfont.f09da19a59cde64d3bae.woff2) format("woff2"),url(/static/media/dejavu-sans-webfont.fa68a3146bde1a389d2a.woff) format("woff"),url(/static/media/dejavu-sans-webfont.41491b4051ac6b14a0d1.ttf) format("truetype"),url(/static/media/dejavu-sans-webfont.831f5a2cf84b075c6280.svg#dejavu_sansregular) format("svg")}@font-face{font-family:DejaVu Sans Extra Light;src:url(/static/media/dejavu-sans-extra-light-webfont.c24c4f63e88cb2d7a5c5.eot);src:url(/static/media/dejavu-sans-extra-light-webfont.c24c4f63e88cb2d7a5c5.eot?#iefix) format("embedded-opentype"),url(/static/media/dejavu-sans-extra-light-webfont.75e4c16586b39ed05e81.woff2) format("woff2"),url(/static/media/dejavu-sans-extra-light-webfont.82af02a38c9db185daa4.woff) format("woff"),url(/static/media/dejavu-sans-extra-light-webfont.19705398660a26983295.ttf) format("truetype"),url(/static/media/dejavu-sans-extra-light-webfont.43b50775df4c09c7ae4e.svg#dejavu_sans_extra_lightregular) format("svg")}:root{--dark-grey:#333;--light-grey:#666;--very-light-grey:#999;--yellow:#ffc800}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em;margin:0}h1,h2,h3{font-family:DejaVu Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;margin:0;padding:0;-webkit-user-select:none;user-select:none}.link-button,h1,h2,h3{font-size:1.3em}h2,h3{font-family:DejaVu Sans Extra Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1em;font-weight:700}hr{margin-bottom:12px;margin-top:16px;padding:0}a{text-decoration:none}a.nav-logo-link,a>h1,a>h2{color:#fff}a.nav-logo-link{-webkit-user-select:none;user-select:none}a.nav-logo-link:hover{color:#fff}a.nav-logo-link:hover .nav-logo-rotate{transform:rotate(180deg)}.post-content-container a,a>h1:hover,a>h2:hover{text-decoration:underline}.post-content-container a{color:#333;color:var(--dark-grey);font-weight:700}.post-content-container a:hover{color:#fff}.post-content-container p{margin-bottom:16px}.post-content-container p:last-child{margin-bottom:0}.post-content-extra-text{height:0;overflow:hidden;position:relative}.post-content-extra-text.open{height:auto;margin-bottom:16px}.post-content-extra-link{-webkit-user-select:none;user-select:none}.post-title h3{-webkit-user-select:text;user-select:text}.lightbox-wrapper,.post-main-image,iframe,img{-webkit-user-select:none;user-select:none}img{display:block}.dark-grey-container{background-color:#333;background-color:var(--dark-grey)}.light-grey-container{background-color:#666;background-color:var(--light-grey)}.very-light-grey-container{background-color:#999;background-color:var(--very-light-grey)}p{margin:0}.logo_highlight{fill:#ffc800;fill:var(--yellow)}.logo_main{fill:#fff}.drop-cap-back{fill:#333;fill:var(--dark-grey)}.vertical-line.smaller{height:19px}.nav-wrapper{background-color:#333;background-color:var(--dark-grey);border:1px solid #fff;border-left:0;border-radius:0;border-right:0;margin-top:16px;position:relative;width:100%}.nav-bar{min-height:50px}.nav-bar,.nav-logo-link{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.nav-links{flex-direction:row;list-style:none;margin:0;padding:0}.nav-links a{align-items:center;color:#fff;display:flex;height:50px;text-decoration:none}.nav-links a.selected{background-color:#fff;color:#000}.nav-links a:hover{background-color:#666;background-color:var(--light-grey);color:#fff}.mobile-menu-container{background-color:#333;background-color:var(--dark-grey)}.nav-link-name{pointer-events:none;-webkit-user-select:none;user-select:none}.mobile-menu-container{height:0;overflow:hidden;transition:.5s}.mobile-menu-container.open{height:200px}.nav-logo{height:44px;margin-right:8px;width:44px}.nav-logo-rotate{height:44px;margin:0;padding:0;transform:rotate(0deg);transition:.25s ease;width:44px}.nav-brand{font-size:1em;margin-right:16px;margin-top:0}.nav-brand-bold{font-weight:700}.nav-brand-bold,a:hover .nav-brand-not-bold{color:#ffc800;color:var(--yellow)}a:hover .nav-brand-bold{color:#fff}.burger-container{display:flex;flex-grow:1;justify-content:flex-end}.nav-container{padding-left:2px;padding-right:8px}.body-container{padding-bottom:0;padding-top:0}.home-body-video{height:56.2vw;width:100%}.home-body-text{padding-bottom:8px;padding-left:16px;padding-top:16px}.home-body-text h2{padding-bottom:8px;-webkit-user-select:text;user-select:text}.home-main-image-container{overflow:hidden;width:100%}.page-title-wrapper{padding-bottom:16px;padding-top:16px}.page-title-wrapper.complex{padding-bottom:11px;padding-top:16px}.drop-cap-container{display:inline-block;height:25px;margin-right:16px;position:relative;top:0;width:25px}.page-title-container{align-items:baseline;display:flex;flex-direction:column;justify-content:flex-start}.page-title{align-items:normal;display:flex}.page-title-page a{height:23px;position:relative;top:0}.page-title-spacer{display:block;height:25px;margin-left:11px;margin-right:1px;position:relative;top:0;width:25px}.page-title-project .page-title-spacer{height:19px;overflow:hidden}.page-title-project h2{-webkit-user-select:text;user-select:text}.page-title-page-link{height:24px}.page-header-wrapper{padding-bottom:16px;padding-top:16px}.page-header .page-header-wrapper h2{color:#fff;line-height:1.3;margin-bottom:8px;margin-top:0;-webkit-user-select:text;user-select:text}.page-paragraph .page-header-wrapper h2{color:#fff;line-height:.9;margin-bottom:0;margin-top:0;-webkit-user-select:text;user-select:text}.page-header .page-header-wrapper h3,.page-paragraph .page-header-wrapper p{color:#000;font-size:.8em;line-height:1.4;margin-bottom:0;-webkit-user-select:text;user-select:text}.page-paragraph .page-header-wrapper p{font-family:DejaVu Sans Extra Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700}.page-paragraph-wrapper{padding-bottom:0;text-align:center}.page-paragraph-images-wrapper{margin-top:16px}.card-content-image-container,.page-paragraph-image-container{overflow:hidden}a.card-anchor img{transition:transform .5s}a.card-anchor{color:#fff;display:block;height:100%;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}a.card-anchor:hover{background-color:#fff;color:#000}a.card-anchor:hover img{transform:scale(1.1)}.card-container{pointer-events:none;position:relative}.card-container:before{border-right:1px solid #ffc800;border-right:1px solid var(--yellow);border-top:1px solid #ffc800;border-top:1px solid var(--yellow);content:"";height:8px;position:absolute;right:7px;top:7px;width:8px}.card-container h2,.card-container h3{margin-bottom:10px;margin-top:-8px}.card-content{pointer-events:none;position:relative}.side-line{height:102%;left:-8px;position:absolute;top:0;width:1px}.horizontal-line,.side-line{background-color:#ffc800;background-color:var(--yellow)}.horizontal-line{height:1px;width:100%}.MuiGrid-grid-md-3 .side-line{height:105%}.MuiGrid-grid-md-4 .side-line{height:103.5%}.MuiGrid-grid-md-6 .side-line{height:102%}.card-container h3{font-size:1.1em}.post-header-full,.post-header-no-video{display:flex;flex-direction:column}.post-header-left{height:54.5vw;margin-bottom:13px}.post-header-left.portrait{height:177vw;margin-bottom:13px}.post-header-right{display:flex;flex-direction:column;width:100%}.post-content-wrapper{color:#333;color:var(--dark-grey);padding-bottom:10px;padding-top:13px}.post-header-container{overflow:hidden}.post-header .page-header-wrapper{padding-bottom:0;padding-top:0}.post-header .page-header-wrapper h3{color:#fff;margin-top:-5px}.post-main-image{overflow:hidden;position:relative}.post-main-image,.post-main-image-overlay{align-items:center;display:flex;width:100%}.post-main-image-overlay{background:#0000004d;height:100%;justify-content:center;position:absolute}.post-title{margin-bottom:11px;padding-left:8px}.grid-list-wrapper{padding-bottom:0;padding-top:0}.lightbox-wrapper{align-items:center;background-color:#000c;display:none;height:100%;position:fixed;top:0;width:100%;z-index:100}.lightbox-wrapper.show{display:flex}.lightbox-wrapper.hide{display:none}.lightbox-exit-container{cursor:pointer;font-size:3em;height:48px;position:absolute;right:16px;top:16px;width:48px}.footer-wrapper{background-color:#000;border-top:1px solid #fff;padding-bottom:11px;padding-top:14px}.footer{color:#fff;font-size:.7em;text-align:center}.loader,.loader:after,.loader:before{animation-fill-mode:both;animation:load7 1.8s ease-in-out infinite;border-radius:50%;height:2.5em;width:2.5em}.loader{animation-delay:-.16s;color:#fff;font-size:10px;margin-left:auto;margin-right:auto;margin-top:-1.5em;position:relative;text-indent:-9999em;transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{animation-delay:-.32s;left:-3.5em}.loader:after{left:3.5em}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.mobile-show{display:block}.mobile-show-flex{display:flex}.mobile-show-inline{display:inline-block}.mobile-hide,.mobile-hide-flex,.mobile-hide-inline{display:none}@media (min-width:600px){.link-button{font-size:1em}.page-header .page-header-wrapper h2{line-height:.8;margin-bottom:12px}.page-header .page-header-wrapper h3{line-height:1}.footer-wrapper{padding-bottom:24px;padding-top:28px}.page-header-wrapper{padding-bottom:32px;padding-top:32px}.page-paragraph-wrapper{padding-bottom:16px;padding-top:30px}.page-header .page-header-wrapper h3,.page-paragraph .page-header-wrapper p{font-size:.8em}.home-body-video{height:338px}.footer{font-size:1em}.grid-list-wrapper{padding-bottom:16px;padding-top:14px}.post-content-wrapper{padding-bottom:24px;padding-top:29px}.page-title-wrapper,.page-title-wrapper.complex{padding-bottom:24px;padding-top:30px}.nav-wrapper{margin-top:32px}.drop-cap-container{height:20px;top:2px;width:20px}.page-title{align-items:baseline;display:flex}.page-title-project .page-title-spacer{height:auto;overflow:visible}.page-title-container{flex-direction:row}.page-title-spacer{height:25px;margin-left:16px;margin-right:14px;top:1px;width:2.2px}.page-title-page a{height:29px}.nav-container{padding-left:16px;padding-right:16px}.post-title{margin-bottom:16px;padding-left:0}.body-container,.post-header .page-header-wrapper{padding-bottom:32px;padding-top:32px}.post-header-left{margin-bottom:0;margin-right:16px;max-height:170px;max-width:301px;min-height:170px;min-width:301px}.post-header-left.portrait{margin-bottom:0;margin-right:16px;max-height:301px;max-width:170px;min-height:301px;min-width:170px}.post-header-full{flex-direction:row;height:170px}.post-header-full.portrait{flex-direction:row;height:301px}.post-header-no-video{flex-direction:column}.mobile-show,.mobile-show-flex,.mobile-show-inline{display:none}.mobile-hide{display:block}.mobile-hide-flex{display:flex}.mobile-hide-inline{display:inline-block}}@media (min-width:960px){.link-button{font-size:1.3em}.page-header .page-header-wrapper h3,.page-paragraph .page-header-wrapper p{font-size:.85em}.home-body-text h2{padding-bottom:5px}.home-body-text{padding-top:0}.home-body-content,.home-body-text{padding-left:16px}h1{font-size:1.5em}h2,h3{font-size:1.3em}.home-body-video{height:315px}.card-container h3{font-size:.9em}.post-header-no-video{flex-direction:column}.post-header-full{height:216px}.post-header-full.portrait{height:384px}.post-header-left{margin-right:16px;max-height:216px;max-width:384px;min-height:216px;min-width:384px}.post-header-left.portrait{margin-right:16px;max-height:384px;max-width:216px;min-height:384px;min-width:216px}.page-title-wrapper,.page-title-wrapper.complex{padding-bottom:27px;padding-top:27px}}@media (min-width:1280px){.link-button{font-size:1.5em}.page-header .page-header-wrapper h2{margin-bottom:16px}.page-header .page-header-wrapper h3,.page-paragraph .page-header-wrapper p{font-size:1em}.home-body-text h2{padding-bottom:8px}.card-container h3{font-size:1.1em}.home-body-video{height:420px}.page-title-page a{height:38px}.page-title-wrapper,.page-title-wrapper.complex{padding-bottom:25px;padding-top:24px}.page-title-spacer{width:3px}h1{font-size:2em}h2,h3{font-size:1.8em}.drop-cap-container{height:25px;top:1px;width:25px}}
/*# sourceMappingURL=main.ae4b2035.css.map*/