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}.App{text-align:center;height:100vh}.App,.collage-wrapper{width:100vw;position:relative}.collage-wrapper{height:120vh;background-color:#000;display:flex;align-items:center;justify-content:center}.collage-info-left{left:10vw}.collage-info-left,.collage-info-right{position:absolute;top:10vw;color:#fff;font-family:Abel;text-align:left;mix-blend-mode:difference;border-left:1px solid #fff;padding:1em}.collage-info-right{right:10vw}.collage{height:80vmin;box-shadow:0 2px 27px -5px rgba(0,0,0,.54)}.intro{font-family:Wire One;font-size:10vh;position:relative;bottom:10vh}.intro .scroll{font-size:5vh;-webkit-animation:goDown 2s infinite;animation:goDown 2s infinite;display:overlay}@-webkit-keyframes goDown{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:.3}}@keyframes goDown{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:.3}}.footer{width:90vw;margin-left:2vw;font-size:7vh;font-weight:200}.footer,.pages{position:fixed;bottom:0;text-align:left;margin-bottom:10px;font-family:Wire One;mix-blend-mode:difference;color:#fff}.pages{right:0;margin-right:2vw;font-size:5vh;font-weight:500}.currentPage{position:relative;bottom:10px}.totalPages{position:relative;top:10px;left:5px}.filters{position:fixed;bottom:0;text-align:left;margin-bottom:100px;margin-left:2vw;font-family:Wire One;mix-blend-mode:difference;color:#fff;font-size:5vh;font-weight:200}.socialMedia .icon{margin-right:1vw}.filter{display:block;cursor:pointer}.filter.selected:before{content:"";display:inline-block;position:relative;margin-right:5px;top:-10px;width:1px;height:1px;border-radius:50%;border:1px solid #fff;background-color:#fff}.filter:hover{letter-spacing:3vw;-webkit-transition:all 1s ease;transition:all 1s ease}@-webkit-keyframes hueShift{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hueShift{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}.link{text-decoration:none;color:#fff;font-size:calc(2vmin + 4px)}.name{font-size:3vmin}
/*# sourceMappingURL=main.b5c5119e.chunk.css.map */