@import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{margin:0}.menuButton{position:absolute;width:40px;height:15px!important;top:40px;left:5%;border-bottom:1px solid #000;transition:.3s ease-in-out}.menuButton:before{content:"";width:80%;height:1px;position:absolute;top:0;background-color:#000}.menuButton:hover{cursor:pointer;width:60px}.logoMain{position:absolute;z-index:99999;top:20px;left:0;right:0;margin:0 auto;width:300px;height:auto!important;display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.logoMain{width:240px;margin-left:100px}}.logoMain a img{width:150px}@media screen and (max-width:768px){.logoMain a img{width:120px}}.logoMain .title{box-sizing:border-box;margin-left:20px}@media screen and (max-width:768px){.logoMain .title{margin-left:10px}}.logoMain .title h2{border-left:1px solid #dedede;padding:0 30px;font-weight:100;color:#fff}@media screen and (max-width:768px){.logoMain .title h2{padding:0 15px}}.mobileNav{width:100%;height:100vh!important;position:fixed;top:0;z-index:1000;background-color:#c9cabc;flex-direction:column;justify-content:center;align-items:center;text-align:center;display:none}.mobileNav .nav-container{height:90%;width:50%}@media screen and (max-width:768px){.mobileNav .nav-container{display:block!important}}.mobileNav .nav-container .close-button{position:absolute;width:30px;height:30px!important;top:20px;left:90px;z-index:10000}@media screen and (max-width:768px){.mobileNav .nav-container .close-button{left:60px}}.mobileNav .nav-container .close-button .close{position:absolute;top:20px;right:15px;height:30px}.mobileNav .nav-container .close-button .close .outer{position:relative;margin:auto;width:50px;cursor:pointer}.mobileNav .nav-container .close-button .close .inner{width:inherit;text-align:center}.mobileNav .nav-container .close-button .close label{font-family:"PT Sans",sans-serif;font-size:.8em;line-height:2.5em;text-transform:uppercase;color:#000;transition:all .3s ease-in;opacity:0;cursor:pointer}.mobileNav .nav-container .close-button .close .inner:after,.mobileNav .nav-container .close-button .close .inner:before{position:absolute;content:"";height:1px;width:inherit;background:#000;left:0;transition:all .3s ease-in}.mobileNav .nav-container .close-button .close .inner:before{top:50%;transform:rotate(45deg)}.mobileNav .nav-container .close-button .close .inner:after{bottom:50%;transform:rotate(-45deg)}.mobileNav .nav-container .close-button .close .outer:hover label{opacity:1}.mobileNav .nav-container .close-button .close .outer:hover .inner:after,.mobileNav .nav-container .close-button .close .outer:hover .inner:before{transform:rotate(0)}.mobileNav .nav-container .close-button .close .outer:hover .inner:before{top:0}.mobileNav .nav-container .close-button .close .outer:hover .inner:after{bottom:0}.mobileNav .nav-container .logo-container{width:40%;height:auto;margin:20px auto 50px}.App{width:100%;min-height:100vh;font-family:"PT Sans",sans-serif;background:rgba(141,146,114,.5)}.App .main{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.App .main{flex-wrap:wrap}}.App .main .ad{position:fixed;z-index:15;top:0;left:0;background:rgba(141,146,114,.5);width:100%;height:100%;display:none;justify-content:center;align-items:center}.App .main .ad .ad-container{position:relative;width:600px;height:600px;background-color:#c9cabc;box-shadow:1px 1px 10px rgba(0,0,0,.2);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center}@media screen and (max-width:330px){.App .main .ad .ad-container{height:350px}}@media screen and (min-width:331px)and (max-width:768px){.App .main .ad .ad-container{height:600px}}.App .main .ad .ad-container .image{background:url(/static/media/dantza-ad.44fa6cb7.jpg) no-repeat;background-position:50%;background-size:100%;background-position-y:top;width:100%;height:500px}@media screen and (max-width:330px){.App .main .ad .ad-container .image{height:210px}}@media screen and (max-width:768px){.App .main .ad .ad-container .image{background-position:top}}@media screen and (min-width:331px)and (max-width:768px){.App .main .ad .ad-container .image{height:400px}}.App .main .ad .ad-container a{padding:0 10px}.App .main .ad .ad-container a button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#101010;border:none;color:#fff;font-size:18px;font-family:"PT Sans",sans-serif;padding:15px 50px;transition:background-color .5s ease-in-out;margin-bottom:20px}@media screen and (max-width:330px){.App .main .ad .ad-container a button{padding:10px 50px;font-size:16px}}.App .main .ad .ad-container a button:hover{cursor:pointer;background-color:rgba(0,0,0,.7);transition:.5s ease-in-out}.App .main .ad .ad-container .close{position:absolute;top:20px;right:15px;height:30px}.App .main .ad .ad-container .close .outer{position:relative;margin:auto;width:50px;cursor:pointer}.App .main .ad .ad-container .close .inner{width:inherit;text-align:center}.App .main .ad .ad-container .close label{font-family:"PT Sans",sans-serif;font-size:.8em;line-height:2.5em;text-transform:uppercase;color:#000;transition:all .3s ease-in;opacity:0;cursor:pointer}.App .main .ad .ad-container .close .inner:after,.App .main .ad .ad-container .close .inner:before{position:absolute;content:"";height:1px;width:inherit;background:#000;left:0;transition:all .3s ease-in}.App .main .ad .ad-container .close .inner:before{top:50%;transform:rotate(45deg)}.App .main .ad .ad-container .close .inner:after{bottom:50%;transform:rotate(-45deg)}.App .main .ad .ad-container .close .outer:hover label{opacity:1}.App .main .ad .ad-container .close .outer:hover .inner:after,.App .main .ad .ad-container .close .outer:hover .inner:before{transform:rotate(0)}.App .main .ad .ad-container .close .outer:hover .inner:before{top:0}.App .main .ad .ad-container .close .outer:hover .inner:after{bottom:0}.App .main .quote-desktop{position:absolute;top:15px;margin:auto;left:37%;font-style:italic;font-size:18px;text-align:center;color:#848587}@media screen and (max-width:768px){.App .main .quote-desktop{display:none}}.App .main .quote-mobile{text-align:center;font-style:italic;margin:10px 0 40px;color:#848587;font-size:16px}@media screen and (min-width:769px){.App .main .quote-mobile{display:none}}.App .main>div{height:100%}.App .main>div.left-panel{width:20%;padding-right:30px;display:flex;flex-direction:column;overflow-y:auto;max-height:60%}@media screen and (max-width:768px){.App .main>div.left-panel{width:80%;height:auto}}.App .main>div.left-panel::-webkit-scrollbar{display:none}.App .main>div.left-panel.menu-home{max-height:100%;height:100vh}@media screen and (max-width:768px){.App .main>div.left-panel.menu-home{height:auto}}.App .main>div.left-panel.prints{width:50%;padding:0 40px 0 60px;box-sizing:border-box;color:#fff}.App .main>div.left-panel.prints.workshops{padding-top:0}@media screen and (max-width:768px){.App .main>div.left-panel.prints.workshops{padding-top:200px;max-height:none;overflow-y:hidden}}@media screen and (min-width:1700px){.App .main>div.left-panel.prints.workshops{padding:100px 40px 0}}@media screen and (max-width:768px){.App .main>div.left-panel.prints{width:100%;padding:160px 40px 0;max-height:none;overflow-y:hidden}}@media screen and (min-width:1700px){.App .main>div.left-panel.prints{padding:100px 40px 0}}.App .main>div.left-panel.prints p{margin:0;padding:20px;font-size:16px;background-color:rgba(0,0,0,.35)}.App .main>div.left-panel.prints .spacer{display:inline-block;width:30px}.App .main>div.images-panel{width:40%;height:100vh;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:50px 25px 0 0}@media screen and (max-width:768px){.App .main>div.images-panel{width:85%;padding:0}}.App .main>div.images-panel div{display:flex;align-items:center;justify-content:center;position:relative;transform:scale(.98);transition:transform .6s ease-in-out}.App .main>div.images-panel div:hover{transform:scale(1);transition:.6s ease-in-out}@media screen and (min-width:769px){.App .main>div.images-panel div:hover a{visibility:visible;-webkit-animation:opacity .5s;animation:opacity .5s}}.App .main>div.images-panel div.small{width:47%;height:30%}.App .main>div.images-panel div.large{width:47%;height:60%}.App .main>div.images-panel div.full{width:100%;height:60%}.App .main>div.images-panel div a{text-decoration:none;color:#fff;font-weight:500;font-size:22px;text-shadow:1px 1px 2px rgba(0,0,0,.4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}@media screen and (min-width:769px){.App .main>div.images-panel div a{visibility:hidden}}@media screen and (min-width:1900px){.App .main>div.images-panel div a{font-size:38px}}.App .main>div.images-panel div:focus:before,.App .main>div.images-panel div:hover:before{content:"";position:absolute;width:100%;height:100%;z-index:5;background-color:rgba(0,0,0,.5);-webkit-animation:opacity .8s;animation:opacity .8s}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}.App .main>div.images-panel div#portfolio{background:url(/static/media/portfolio.0311f54b.jpg);background-size:cover;background-position:50%}.App .main>div.images-panel div#prints{background:url(/static/media/prints.d03dc5d0.jpg);background-size:cover;background-position:50%}.App .main>div.images-panel div#workshops{background:url(/static/media/workshops.09ed453a.jpg);background-size:cover;background-position:50%}.App .main>div.images-panel div#about{background:url(/static/media/about.089e07c0.png);background-size:cover;background-position:50%}.App .main>div.images-panel div#books{background:url(/static/media/books.9c0d7d96.jpg);background-size:cover;background-position:50%}.App .main>div.images-panel div#press{background:url(/static/media/press.d79f3e1b.jpg);background-size:cover;background-position:50%}.App .main>div.images-panel div#contact{background:url(/static/media/contact.f58303da.jpg);background-size:cover;background-position:50%}.App .main>div.books-panel{width:90%;height:100%;margin-top:200px;display:flex;justify-content:flex-start;flex-wrap:wrap;box-sizing:border-box;padding:50px 25px 0 0}@media screen and (max-width:768px){.App .main>div.books-panel{margin-top:70px;padding-right:0}}.App .main>div.books-panel.press-panel{justify-content:flex-start}.App .main>div.books-panel .book{width:22%;height:auto;margin-bottom:80px;margin-right:30px;display:flex;flex-direction:column}@media screen and (max-width:768px){.App .main>div.books-panel .book{width:100%}}.App .main>div.books-panel .book img{width:100%;height:auto}.App .main>div.books-panel .book h2{margin-bottom:0}.App .main>div.books-panel .book p{margin-top:10px}.App .main>div.books-panel .book a button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#101010;border:none;color:#fff;font-size:16px;font-family:"PT Sans",sans-serif;padding:10px 30px;transition:background-color .5s ease-in-out;margin-bottom:20px}.App .main>div.books-panel .book a button:hover{cursor:pointer;background-color:rgba(0,0,0,.7);transition:.5s ease-in-out}.App .main>div.books-panel .book.press{width:auto;height:230px}@media screen and (max-width:768px){.App .main>div.books-panel .book.press{width:100%}}.App .main>div.books-panel .book.press a{height:100%}.App .main>div.books-panel .book.press a img{width:auto;height:100%}.App .main>div.portfolio-panel{width:90%;height:90%;margin-top:70px;box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative}@media screen and (max-width:768px){.App .main>div.portfolio-panel{overflow-y:scroll;overflow-x:hidden;height:auto}}.App .main>div.portfolio-panel.prints{margin-top:70px}.App .main>div.portfolio-panel .dropdown{width:200px;height:auto;z-index:10;position:-webkit-sticky;position:sticky;top:30px;left:0;box-sizing:border-box}.App .main>div.portfolio-panel .item{width:auto;height:80vh;margin-right:50px;display:inline-block;text-align:center;transition:.8s ease-in-out;margin-top:70px;transform:scale(1)}@media screen and (max-width:768px){.App .main>div.portfolio-panel .item{display:block;width:100%;height:auto}}.App .main>div.portfolio-panel .item:first-child{margin-left:0}.App .main>div.portfolio-panel .item:hover{transform:scale(1.06);transition:.8s ease-in-out}.App .main>div.portfolio-panel .item:hover:first-child:hover{margin-left:15px}.App .main>div.portfolio-panel .item img{height:90%}@media screen and (max-width:768px){.App .main>div.portfolio-panel .item img{width:100%;height:auto}}.App .main>div.portfolio-panel .item h3{margin:0}.App .main>div.portfolio-panel .item a{display:block}.App .main>div.portfolio-panel .item a button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#101010;border:none;color:#fff;font-size:16px;font-family:"PT Sans",sans-serif;padding:8px 50px;transition:background-color .5s ease-in-out;margin-bottom:20px}.App .main>div.portfolio-panel .item a button:hover{cursor:pointer;background-color:rgba(0,0,0,.7);transition:.5s ease-in-out}.App .main>div .logo{width:200px;height:auto;margin:40px 0 10px}@media screen and (max-width:768px){.App .main>div .logo{margin:40px auto 10px}}.App .main>div nav{height:40%}@media screen and (max-width:768px){.App .main>div nav{display:none}}.App .main>div nav ul{list-style:none;padding:0 20px}.App .main>div nav ul li{padding:10px 0}.App .main>div nav ul li a{text-decoration:none;color:#010101;position:relative}.App .main>div nav ul li a:before{content:"";position:absolute;width:100%;height:2px;bottom:-3px;left:0;background:rgba(0,0,0,.2);visibility:hidden;border-radius:5px;transform:scaleX(0);transition:.25s linear}.App .main>div nav ul li a:focus:before,.App .main>div nav ul li a:hover:before{visibility:visible;transform:scaleX(1)}.App .main .about{width:100%;height:100%;box-sizing:border-box;padding:130px 65px 50px;display:flex;justify-content:space-between}@media screen and (max-width:768px){.App .main .about{flex-direction:column;height:250%;padding:40px 40px 50px}}.App .main .about .picture{width:70%;height:auto;background:url(/static/media/about.089e07c0.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%}@media screen and (max-width:768px){.App .main .about .picture{width:100%;height:60vh;margin-top:70px;background-size:100%}}@media screen and (min-width:767px)and (max-width:772px){.App .main .about .picture{height:80%}}.App .main .about .content{width:50%;height:100%;box-sizing:border-box;padding:0 70px 0 0;overflow-y:auto}.App .main .about .content h2{color:rgba(0,0,0,.3);margin-top:0}@media screen and (max-width:768px){.App .main .about .content h2{margin-top:20px}}.App .main .about .content p{text-align:justify}@media screen and (max-width:768px){.App .main .about .content{width:100%;padding:0}}.App .main .about.contact .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:768px){.App .main .about.contact .content{height:50%}}.App .main .about.contact .content img{width:700px;opacity:.5}@media screen and (max-width:768px){.App .main .about.contact .content img{width:80%;margin-bottom:30px}}.App .main .about.contact .content .buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto}@media screen and (max-width:768px){.App .main .about.contact .content .buttons{flex-direction:column}}.App .main .about.contact .content .buttons a button{width:200px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#101010;border:none;color:#fff;font-size:16px;font-family:"PT Sans",sans-serif;padding:15px 50px;transition:background-color .5s ease-in-out;margin-bottom:20px;margin-right:20px}.App .main .about.contact .content .buttons a button:hover{cursor:pointer;background-color:rgba(0,0,0,.7);transition:.5s ease-in-out}.App .main .about.contact .content .buttons a button i{margin-right:10px;font-size:18px}
/*# sourceMappingURL=main.f01ad755.chunk.css.map */