.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:grid;grid-template-rows:auto 1fr;grid-gap:10px;gap:10px;margin:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{display:grid;grid-template-columns:1fr}.header__btns{display:grid;justify-content:center;grid-gap:6px;gap:6px}button{line-height:28px;font-weight:600;border-radius:4px;font-size:12px;align-content:center;width:80vw;padding:0 20px;background-color:#fff;color:#000;border:2px solid #555;transition-duration:.4s}.button:hover{background-color:#555;color:#fff}img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.images_section{display:grid;justify-content:center;grid-template-columns:1fr;grid-gap:12px;gap:12px}.img__item{display:grid;position:relative;padding:0 0 85%}@media (min-width:565px){.header{grid-template-columns:1fr auto 1fr;align-content:center;grid-row-gap:12px;row-gap:12px}.header__btns{grid-column:2/3;grid-template-columns:repeat(3,1fr)}.images_section{grid-template-columns:repeat(2,1fr)}button{justify-self:center;width:-webkit-max-content;width:max-content}}@media (min-width:900px){.images_section{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.a190536e.chunk.css.map */