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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;justify-content:center}@-webkit-keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}header{background-image:url(/static/media/image-hero.3de81110dee4f75f44f9.jpg);height:63.4765625vh;min-height:40.625rem;padding:4rem 1.5rem 0}header nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:69.375rem}header nav ul{display:flex;list-style:none}header nav ul li{margin-right:2rem}header nav ul li a{color:#fff;font-size:15px;font-weight:400;line-height:25px;text-decoration:none}header nav ul li:hover{margin-bottom:-.625rem}header nav ul li:hover:after{-webkit-animation:scale .3s ease;animation:scale .3s ease;background-color:#fff;content:"";display:block;height:2px;margin:.5rem auto 0;width:1.5rem}header nav ul .link4{margin-right:0}header nav .hamburger-menu{display:none}header .hero-content{margin:130px auto 0;max-width:69.375rem;width:100%}header .hero-content h1{border:2px solid #fff;color:#fff;font-size:72px;font-weight:300;line-height:70px;max-width:35.625rem;padding:2.5rem;text-transform:uppercase}@media only screen and (max-width:48rem){header nav .nav-menu{align-items:flex-start;display:flex;flex-direction:column;height:100vh;left:-100%;margin-left:0;margin-top:9.9375rem;opacity:0;padding-left:1.5rem;position:absolute;top:100px;transition:all .8s ease;width:100%}header nav .nav-menu li{display:flex;justify-content:center;margin-right:0;padding:0 0 1.5rem}header nav .nav-menu li a{font-size:24px;font-weight:300;line-height:25px;text-transform:uppercase}header nav .nav-menu li:hover{margin-bottom:0}header nav .nav-menu li:hover:after{display:none}header nav .hamburger-menu{background:transparent;border:none;display:inline;display:initial}header nav .hamburger-menu:hover{cursor:pointer}header .hero-content h1{font-size:clamp(40px,8.33333vw,64px);line-height:clamp(38px,8.335vw,64px);padding:1.5rem}.nav.active{background:#000;position:-webkit-sticky;position:sticky;top:0}.nav.active .nav-menu{background:#000;border-radius:10px;left:0;opacity:1;z-index:1}.nav.active .hero-content{display:none}}main{margin:10rem auto 11.5rem;padding:0 1rem;width:100%}main .interactive{align-items:flex-end;background-image:url(/static/media/image-interactive.1d330522c9ca6cf07a9c.jpg);background-repeat:no-repeat;display:flex;margin:0 auto 11.5rem;max-width:69.4375rem;min-height:31.25rem}main .interactive .interactive-img{display:none}main .interactive div{background:#fff;display:flex;flex-direction:column;margin:0 0 0 auto;max-width:33.8125rem;padding:6rem 0 0 6rem}main .interactive div h2{color:#000;font-size:48px;font-weight:300;line-height:48px;margin-bottom:1.5625rem;text-transform:uppercase}main .interactive div p{color:rgba(0,0,0,.5);font-size:15px;font-weight:400;line-height:25px}main .creations{margin:0 auto;max-width:69.4375rem}main .creations button{background:#fff;border:1px solid #000;color:#000;font-size:14px;font-weight:400;letter-spacing:5px;line-height:14px;padding:.8125rem 2.375rem;text-transform:uppercase;transition:all .3s ease}main .creations button:hover{background:#000;color:#fff;cursor:pointer}main .creations .creation-header{display:flex;justify-content:space-between;margin-bottom:5rem}main .creations .creation-header h3{color:#000;font-size:48px;font-weight:300;line-height:48px;text-transform:uppercase}main .creations ul{grid-gap:1.875rem;display:grid;gap:1.875rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none}main .creations ul li{background-position:50%;background-repeat:no-repeat;min-height:28.125rem}main .creations ul li .filter{align-items:flex-end;display:flex;height:100%;padding:0 .5rem 2rem 2.5rem;transition:all .3s ease;width:100%}main .creations ul li .filter h4{color:#fff;font-size:32px;font-weight:300;line-height:32px;text-transform:uppercase}main .creations ul li:hover{cursor:pointer}main .creations ul li:hover .filter{background:hsla(0,0%,100%,.751)}main .creations ul li:hover .filter h4{color:#000}main .creations ul .creation0{background-image:url(/static/media/image-deep-earth.f8da6014c990a9866d8c.jpg)}main .creations ul .creation1{background-image:url(/static/media/image-night-arcade.a5acf9d0f154b09407d4.jpg)}main .creations ul .creation2{background-image:url(/static/media/image-soccer-team.24ac0872cf2b5dd86a58.jpg)}main .creations ul .creation3{background-image:url(/static/media/image-grid.043c26effd2704be777a.jpg)}main .creations ul .creation4{background-image:url(/static/media/image-from-above.f316f3f3afc353415f71.jpg)}main .creations ul .creation5{background-image:url(/static/media/image-pocket-borealis.0b89db1f6a9c0e56dcfd.jpg)}main .creations ul .creation6{background-image:url(/static/media/image-curiosity.40d51f38342a87fea0cc.jpg)}main .creations ul .creation7{background-image:url(/static/media/image-fisheye.8bb3f74e4211fc238b01.jpg)}main .creations .bottom-button{display:none}@media only screen and (max-width:48rem){main{margin:6rem 0;padding:0 1.5rem}main .interactive{align-items:center;background-image:none;display:flex;flex-direction:column;margin-bottom:6rem;min-height:0;min-height:auto}main .interactive .interactive-img{display:inline;display:initial;height:auto;margin-bottom:3rem;max-width:28.125rem;width:100%}main .interactive div{margin:0;padding:0;text-align:center}main .interactive div h2{font-size:2rem;line-height:2rem}main .interactive div p{padding:0 1.5rem}main .creations{display:flex;flex-direction:column}main .creations,main .creations .creation-header{justify-content:center}main .creations .creation-header h3{font-size:2rem;line-height:2rem}main .creations .creation-header button{display:none}main .creations ul{display:flex;flex-direction:column}main .creations ul li{align-items:flex-end;background-size:cover;display:flex;min-height:7.5rem;width:100%}main .creations ul li .filter{min-height:7.5rem;padding:0 0 1.25rem 1.25rem}main .creations ul li .filter h4{font-size:24px;font-weight:300;line-height:24px;max-width:9ch}main .creations ul .creation3 .filter h4{max-width:3ch}main .creations ul .creation0{background-image:url(/static/media/image-deep-earth.2a157951527da6e48ac5.jpg)}main .creations ul .creation1{background-image:url(/static/media/image-night-arcade.a4f25d3b0c5db392403a.jpg)}main .creations ul .creation2{background-image:url(/static/media/image-soccer-team.18a63d8df06f1baa727f.jpg)}main .creations ul .creation3{background-image:url(/static/media/image-grid.a8ce4f2b638181fb6920.jpg)}main .creations ul .creation4{background-image:url(/static/media/image-from-above.b7b9dba04807662c74a6.jpg)}main .creations ul .creation5{background-image:url(/static/media/image-pocket-borealis.799292df7749fce97f7c.jpg)}main .creations ul .creation6{background-image:url(/static/media/image-curiosity.7f14665a1469d012697f.jpg)}main .creations ul .creation7{background-image:url(/static/media/image-fisheye.ff97b54ec44101e44215.jpg)}main .creations .bottom-button{display:inline;display:initial;margin:2.125rem auto 0}}footer{background:#000;color:#fff;padding:2.75rem 1rem 2.6875rem;width:100%}footer .content-container{display:flex;justify-content:space-between;margin:0 auto;max-width:69.375rem;width:100%}footer .content-container .left-container img{height:auto;margin-bottom:1.5rem;width:9rem}footer .content-container .left-container ul{display:flex;list-style:none}footer .content-container .left-container ul li{margin-right:2rem}footer .content-container .left-container ul li a{color:#fff;font-size:15px;font-weight:400;line-height:25px;text-decoration:none}footer .content-container .left-container ul li:hover{margin-bottom:-.625rem}footer .content-container .left-container ul li:hover:after{-webkit-animation:scale .3s ease;animation:scale .3s ease;background-color:#fff;content:"";display:block;height:2px;margin:.5rem auto 0;width:1.5rem}footer .content-container .right-container ul{grid-gap:0 1rem;align-items:center;display:grid;gap:0 1rem;grid-template-columns:repeat(4,1.5rem);justify-content:end;list-style:none;margin:0 0 1.25rem}footer .content-container .right-container ul li{margin-right:1rem}footer .content-container .right-container ul li img:hover{cursor:pointer}footer .content-container .right-container ul li:hover:after{-webkit-animation:scale .3s ease;animation:scale .3s ease;background-color:#fff;content:"";display:block;height:2px;margin:.5rem auto 0;position:absolute;width:1.5rem}footer .content-container .right-container p{font-size:15px;font-weight:400;line-height:25px;opacity:.5}@media only screen and (max-width:48rem){footer .content-container{flex-direction:column}footer .content-container .left-container{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}footer .content-container .left-container ul .link4{margin-right:0}footer .content-container .right-container{align-items:center;display:flex;flex-direction:column}footer .content-container .right-container ul .icon3{margin-right:0}}@media only screen and (max-width:25rem){footer .content-container .left-container{margin-bottom:2rem}footer .content-container .left-container ul{flex-direction:column;text-align:center}footer .content-container .left-container ul li{margin-bottom:1rem;margin-right:0}}
/*# sourceMappingURL=main.c170a37a.css.map*/