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}body,html{height:100%;margin:0;padding:0}.grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100vh;margin:0 auto;padding:0;width:95vw}.image-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:100%;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.image-container img{display:block;filter:grayscale(100%);height:100%;object-fit:cover;transform:scale(.95);transition:all .3s ease;width:100%}.image-container:after{background:#00000080;bottom:0;color:#fff;content:attr(data-name);font-size:1rem;left:0;opacity:0;padding:10px;position:absolute;text-align:center;transition:opacity .3s ease;width:100%}.image-container:hover img{filter:grayscale(0);transform:scale(1.05)}.image-container:hover{transform:translateY(-5px)}.image-container:hover:after{opacity:1}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:100vh}.image-container:after{font-size:.9rem}}@media (max-width:768px){.grid{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);height:100vh}.image-container:after{font-size:.8rem}}
/*# sourceMappingURL=main.553326b8.css.map*/