.gallery{display:grid;grid-template-columns:repeat(1, minmax(100px, 1fr));grid-auto-rows:minmax(0, 1fr);justify-content:center;align-items:center;justify-items:center;gap:1rem;margin:1rem 2rem}@media screen and (min-width: 920px){.gallery{grid-template-columns:repeat(2, minmax(100px, 1fr))}}@media screen and (min-width: 1268px){.gallery{grid-template-columns:repeat(3, minmax(100px, 1fr))}}.gallery .imgContainer{cursor:pointer;overflow:hidden;width:250px;height:250px}@media screen and (min-width: 600px){.gallery .imgContainer{width:400px;height:400px}}.gallery .imgContainer img{width:100%;height:100%;object-fit:cover}#modal{position:fixed;top:0;left:0;background:#fff;z-index:99999;width:100%;height:100vh;animation-name:fade;animation-duration:.6s}#modal #modalContainer{padding:2rem;display:flex;align-items:center;justify-content:space-around;justify-items:center;gap:2.5rem;height:100%;width:100%}@media screen and (max-width: 600px){#modal #modalContainer{flex-direction:column;justify-content:center;text-align:center}}#modal div img{width:100%;height:100%;object-fit:scale-down;max-height:600px;min-height:100px}@media screen and (max-width: 600px){#modal div img{max-height:400px}}#modal #close{position:absolute;top:2rem;right:2rem;font-size:3rem;cursor:pointer}#modal #info{display:flex;flex-direction:column;gap:2rem;margin:0 2.5rem}#modal #info #modalTitle{font-size:calc(1.5rem + 1vw);font-weight:normal}#modal #info #modalDescription{font-size:calc(1rem + 1vw);font-weight:normal}@keyframes fade{from{opacity:0}to{opacity:1}}/*# sourceMappingURL=project.css.map */