html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background:#09f;border:0;border-radius:10px 0 0 10px;color:#fff;padding:8px 16px}a{color:#09f;font-size:32px;text-decoration:none}ul{list-style:none;margin:0;padding:0}form{display:flex;justify-content:center;margin:auto 30px}input[type=text]{border:none;border-radius:0 10px 10px 0;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%}}.Gif{margin-bottom:.5em}.Gif-link{color:#000;display:block;position:relative;text-decoration:none;width:100%}.Gif h4{background:rgba(0,0,0,.3);bottom:0;color:#fff;font-size:12px;margin:0;position:absolute}.Gif img{object-fit:contain;vertical-align:top;width:100%}i{font-size:80px}.lds-dual-ring{display:inline-block;height:80px;width:80px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}:root{--results-columns:2}.ListOfGifs{grid-gap:0 16px;align-items:center;display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:masonry;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.25d6f216.css.map*/