.gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}@media screen and (min-width:calc(900px + 1px)){.gallery{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:calc(1200px + 1px)){.gallery{grid-template-columns:repeat(4,1fr)}}.gallery a{transition:all 0.2s ease-in-out;box-shadow:0 2rem 6rem 0 rgba(31,2,89,0.05);display:block;position:relative}.gallery a:hover{box-shadow:0 2rem 6rem rgba(0,0,0,0.1),0 1rem 2rem rgba(0,0,0,0.1)}.gallery a img{border-radius:0.33rem;display:block;width:100%}.gallery a .overlay{border-radius:0.33rem;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.45);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;color:white;line-height:1em;font-weight:700;font-size:2.5rem;padding-top:0.15em}.gallery a .overlay small{display:block;font-weight:500;font-size:0.5em;line-height:1em}.gallery .image-wrapper{position:relative}.gallery .image-wrapper .tags{z-index:10;position:absolute;bottom:1rem;right:1rem;display:flex;gap:1rem}.gallery .image-wrapper .tags>*{height:4rem;width:4rem;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--color-orange-400);border-radius:50%;transition:all 0.5s ease-in-out}.gallery .image-wrapper .tags>:hover{background-color:var(--color-orange-300)}
/*# sourceMappingURL=gallery.css.map */