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;background-color:#000!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;border:0;padding:0}.main-div{background:#ccc;background-size:cover;box-shadow:inset 0 0 100vw 100vw rgba(0,0,0,.3),-4px -8px 4px 4px rgba(0,0,0,.4);width:auto;height:560px;padding:0 0 32px;display:flex;overflow-x:scroll;background-position-x:center;background-position-y:center}.card__btn{color:#000;border:1px solid hsla(0,0%,100%,.5);border-radius:24px;font-family:sans-serif;font-size:6px;text-align:center;text-decoration:none;text-transform:uppercase;width:88px;margin:8px 0 0;opacity:.5;padding:8px}.card__text-sm{color:#fff;font-family:sans-serif;font-size:10px;margin:0;padding:16px 0 8px;position:relative}.card__text-sm:before{content:"";background:#fff;height:1px;width:16px;position:absolute;top:0}.card__text-lg{color:#ff0;background-blend-mode:darken;font-family:"quicksand",sans-serif;font-size:.75rem;font-weight:300;text-transform:uppercase;line-height:1.2;width:100%;margin:0;max-width:60vw;min-width:30vw;overflow-wrap:break-word}.card-lg__container{padding:0 16px 40px;display:flex;flex-direction:column;justify-content:flex-end}.card-lg__container .card__text-lg{font-family:"quicksand",sans-serif;font-size:40px;font-weight:400;letter-spacing:1.4px}.card-lg__container .card__text-md{color:#fff;font-family:sans-serif;font-size:10px;font-weight:100;line-height:1.5;padding:0 32px 0 0;opacity:.5}.card-lg__container .card__text-sm{font-size:14px}.card-lg__container .card__text-sm:before{width:24px;height:2px}.card-sm__container{height:235px;margin:0;display:flex;align-self:flex-end}.card-sm{background:#ccc;background-size:cover;background-position:50%;box-shadow:inset 0 0 100vw 100vw rgba(0,0,0,.3),0 16px 8px -8px rgba(0,0,0,.4);border-radius:8px;width:110px;height:calc(100% - 64px);margin:0 8px;padding:24px 32px 24px 4px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:.3s ease;flex-wrap:wrap;overflow-x:hidden}.card-sm:hover{margin:-8px 8px 0}.card-sm .card__text-sm{opacity:.8}.main::-webkit-scrollbar{display:none}.main{-ms-overflow-style:none}.my-masonry-grid{display:flex;margin-left:-30px;width:auto;padding:4px}.my-masonry-grid_column{padding-left:30px;background-clip:padding-box}.my-masonry-grid_column>div{background:grey;margin-bottom:30px}.cardContainer:hover{border:1px solid #fff}.cardContainer:hover .cardBody{background-color:#000;color:#fff}.cardContainer:hover .cardBody .cardTitle{font-weight:700}.cardBody{background-color:#fff;display:flex;justify-content:center;align-items:center}.cardBody .cardTitle{font-family:fantasy}
/*# sourceMappingURL=main.cdbfc2a1.chunk.css.map */