html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;font-family:"Manrope",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}button{background:#09f;border:0;color:#fff;padding:8px 16px;font-size:16px;border-radius:10px 0 0 10px}a{color:#09f;font-size:32px;text-decoration:none}ul{list-style:none;margin:0;padding:0}form{display:flex;margin:0 auto 30px;justify-content:center}input[type=text]{border-radius:0 10px 10px 0;font-size:16px;border:none;padding:4px 16px}.App{text-align:center}.App-logo{margin:10px auto;padding:20px 0;width:144px}.App-logo img{object-fit:cover;width:100%}.App-title{color:#fff}.App-content{background-color:#121212;color:#fff;font-size:calc(10px + 2vmin);min-height:100vh;padding:16px;text-align:left}.App-content,.App-main{display:flex;flex-direction:column}.App-main{align-items:flex-start}.App-results{flex-shrink:2}.App-category{margin-bottom:25px;width:100%}@media screen and (min-width:640px){.App-main{flex-direction:row}.App-category{padding:0 2em;position:-webkit-sticky;position:sticky;top:0;width:40%}}.lds-ring{display:inline-block;position:relative;margin:0 auto;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#8c58a3}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Gif{margin-bottom:.5em}.Gif-link{color:#000;display:block;text-decoration:none;position:relative;width:100%}.Gif h4{background:rgba(0,0,0,.3);bottom:0;font-size:12px;color:#fff;margin:0;position:absolute}.Gif img{width:100%;object-fit:contain;vertical-align:top}i{font-size:80px}:root{--results-columns:2}.ListOfGifs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:masonry;grid-gap:0 16px;gap:0 16px;align-items:center;min-height:100vh}.ListOfGifs-item{background-color:#eee;display:inline-block;width:100%}@media (min-width:600px){:root{--results-columns:3}}@media (min-width:800px){:root{--results-columns:4}}
/*# sourceMappingURL=main.2594e068.chunk.css.map */