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}*{--search-grey:#dfe1e5}.query-container{display:flex;width:100%;align-items:center;flex-direction:column;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:top .5s ease-in-out 0s;transition:top .5s ease-in-out 0s}main{padding-bottom:100px}.photos-enter{opacity:0}.photos-enter-done{opacity:1;-webkit-transition:opacity .5s ease-in-out .5s;transition:opacity .5s ease-in-out .5s}.photos-exit{opacity:1}.photos-exit-active{opacity:0}.search-container{margin:20px 0;position:relative;min-width:582px;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.search-container img{position:absolute;top:8px;left:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:22px}.search-container input{width:100%;border-radius:30px;outline:unset;border:1px solid var(--search-grey);font-size:16px;line-height:34px;padding:5px 45px;box-sizing:border-box;background-color:var(--search-grey)}.search-container input:focus{box-shadow:0 1px 4px 0 rgba(32,33,36,.28);background-color:#fff}@media (max-width:830px){.search-container{min-width:unset}}.photos{display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:100px auto 20px}.photos .photo{background-repeat:no-repeat;background-position:50%;width:250px;height:250px}.photos .photo:hover{cursor:pointer;box-shadow:0 1px 10px 0 #000}@media (max-width:830px){.photos-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:566px){.photos-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.fdb72cc5.chunk.css.map */