:root{--timing-function:cubic-bezier(0.4,0,0.2,1);--animation-duration:250ms}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:#fff;color:#212121}.gallery{display:grid;width:1200px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-auto-rows:240px;grid-gap:12px;padding:0;list-style:none;margin-left:auto;margin-right:auto}.gallery__item{position:relative;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.gallery__image:hover{transform:scale(1.03)}.gallery__image{height:100%;width:100%;object-fit:cover;transition:transform var(--animation-duration) var(--timing-function)}.gallery__link{display:block;text-decoration:none;height:100%}.gallery__link:hover{cursor:zoom-in}.lightbox{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;pointer-events:none;transition:opacity var(--animation-duration) var(--timing-function)}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.lightbox__content{transform:scale(.95);transition:transform var(--animation-duration) var(--timing-function)}.lightbox.is-open .lightbox__content{transform:scale(1)}.lightbox__image{display:block;width:auto;height:auto;max-height:100vh;max-width:100vw}.lightbox__button{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;border:none;border-radius:50%;background-color:transparent;color:#fff;cursor:pointer;transition:background-color var(--animation-duration) var(--timing-function);outline:none;background-image:url(/goit-js-hw-09-gallery/icon-close.bb7ed7e5.svg);background-position:50%;background-size:60%;background-repeat:no-repeat}.lightbox__button:focus,.lightbox__button:hover{background-color:rgba(0,0,0,.5)}
/*# sourceMappingURL=/goit-js-hw-09-gallery/src.bc3a97f6.css.map */