.load-more-button{background-color:#2525ad;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:20px;margin:20px auto;padding:15px}.load-more-button:hover{background-color:blue}.button:hover{opacity:1}.input{border:none;display:inline-block;font:inherit;font-size:20px;outline:none;padding-left:4px;padding-right:4px;width:100%}.input::-webkit-input-placeholder{font:inherit;font-size:18px}.input:-ms-input-placeholder{font:inherit;font-size:18px}.input::placeholder{font:inherit;font-size:18px}.button-label{height:1px;overflow:hidden;padding:0;position:relative;width:1px}.search-icon{background-image:url(/goit-react-hw-03-image-finder/static/media/icons8-search.df81257310e979685808.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:25px;left:.3rem;position:relative;top:35%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:25px}.overlay{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1200}.modal{max-height:calc(100vh - 24px)}.gallery,.modal{max-width:calc(100vw - 48px)}.gallery{grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));list-style:none;padding:0}.Spinner,.gallery{margin:0 auto}html{width:100vw}.App{grid-gap:16px;display:grid;grid-template-columns:1fr;padding-bottom:24px}.searchbar{background-color:#3f51b5;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#fff;justify-content:center;left:0;min-height:64px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1100}.form,.searchbar{align-items:center;display:flex}.form{background-color:#fff;border-radius:3px;max-width:600px;overflow:hidden;width:100%}.button{background-image:url(https://image.flaticon.com/icons/svg/149/149852.svg);background-position:50%;background-repeat:no-repeat;background-size:40%;border:0;cursor:pointer;display:inline-block;height:48px;opacity:.6;outline:none;transition:opacity .25s cubic-bezier(.4,0,.2,1);width:48px}.SearchForm-button:hover{opacity:1}.SearchForm-button-label{clip:rect(0,0,0,0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.SearchForm-input{border:none;display:inline-block;font:inherit;font-size:20px;outline:none;padding-left:4px;padding-right:4px;width:100%}.SearchForm-input::-webkit-input-placeholder{font:inherit;font-size:18px}.SearchForm-input:-ms-input-placeholder{font:inherit;font-size:18px}.SearchForm-input::placeholder{font:inherit;font-size:18px}.ImageGallery{grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));list-style:none;margin:0 auto;max-width:calc(100vw - 48px);padding:0}.ImageGalleryItem{border-radius:2px;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)}.ImageGalleryItem-image{height:260px;object-fit:cover;transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:100%}.ImageGalleryItem-image:hover{cursor:zoom-in;-webkit-transform:scale(1.03);transform:scale(1.03)}.Overlay{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1200}.Modal{max-height:calc(100vh - 24px);max-width:calc(100vw - 48px)}.Button{background-color:#3f51b5;border:0;border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:18px;font-style:normal;font-weight:500;line-height:24px;min-width:180px;padding:8px 16px;text-align:center;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.Button:focus,.Button:hover{background-color:#303f9f}html{box-sizing:border-box;height:100%;overflow-x:hidden;width:auto}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#212121;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0}img{display:block;height:auto;max-width:100%}.image-container{justify-content:center}.image-container,.screen{align-items:center;display:flex;height:100vh}.screen{flex-direction:row}.gallery-item-image{max-height:100%;max-width:100%}
/*# sourceMappingURL=main.ec1095ed.css.map*/