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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{align-items:center;background:#000;display:flex;height:100%;justify-content:center;margin:0}.grid-container{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(9,1fr);grid-template-rows:auto auto auto;height:auto;max-width:60vw;min-height:100vh;padding:10px}.grid-item{align-items:center;color:#fff;display:flex;justify-content:center}.grid-item img{cursor:pointer;display:block;height:100%;object-fit:scale-down;transition:transform .3s ease;width:100%}.grid-item:hover img{transform:scale(1.05)}.item-1{grid-column:1/3;grid-row:1/2}.item-2{grid-column:3/5;grid-row:1/2}.item-3{grid-column:5/6;grid-row:1/2}.item-4{grid-column:6/7;grid-row:1/2}.item-5{grid-column:7/9;grid-row:1/2}.item-6{grid-column:1/3;grid-row:2/3}.item-7{grid-column:1/3;grid-row:3/4}.item-8{grid-column:3/7;grid-row:2/4}.item-9,.mobile-item-9{grid-column:7/9;grid-row:2/4}.item-10{grid-column:1/5;grid-row:4/5}.item-11{grid-column:5/8;grid-row:4/5}.item-12{grid-column:8/9;grid-row:4/5}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.grid-item.item-6,.grid-item.item-7{animation:slideFromLeft .8s ease-out forwards}.grid-item.item-9,.grid-item.mobile-item-9{animation:slideFromRight .8s ease-out forwards}.grid-item.item-1,.grid-item.item-2,.grid-item.item-3,.grid-item.item-4,.grid-item.item-5{animation:slideFromTop .8s ease-out forwards}.grid-item.item-10,.grid-item.item-11,.grid-item.item-12{animation:slideFromBottom .8s ease-out forwards}@media (min-width:768px){.mobile-item-9{display:none}}@media (max-width:768px){.grid-container{grid-gap:2px;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:repeat(9,1fr);grid-template-rows:auto auto auto auto;height:5px;max-width:80vw;min-height:80vh;padding:10px}.grid-item.item-12,.grid-item.item-2,.grid-item.item-3,.grid-item.item-4,.grid-item.item-5,.grid-item.item-9{display:none}.item-1{grid-column:1/4;grid-row:1}.item-6{grid-column:4/7;grid-row:1}.item-7{grid-column:7/10;grid-row:1}.item-8{grid-column:1/10;grid-row:2}.item-9,.mobile-item-9{grid-column:8/10;grid-row:3}.item-10{grid-column:1/5;grid-row:3}.item-11{grid-column:5/8;grid-row:3}}.grid-item{position:relative}.overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.grid-item:hover .overlay{opacity:1}.play-icon{color:#fff;font-size:2rem}.video-popup{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.video-popup-content{background:#000;border-radius:5px;padding:1rem;position:relative}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}
/*# sourceMappingURL=main.e59226b7.css.map*/