@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#282c34;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#282c34}::-webkit-scrollbar-thumb{background:#512085;border-radius:1rem}.gif-title{align-items:center;display:flex}h1{-webkit-animation:move 20s linear infinite;animation:move 20s linear infinite;background:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:3rem;letter-spacing:10px;padding:20px;transition:1s ease-in-out}@-webkit-keyframes move{0%{background-position:-1000px 0}50%,to{background-position:1000px 0}to{background-position:-1000px 0}}@keyframes move{0%{background-position:-1000px 0}50%,to{background-position:1000px 0}to{background-position:-1000px 0}}@-webkit-keyframes translate{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes translate{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(10px);transform:translateX(10px)}}header{display:flex;flex-direction:column;margin-bottom:10px;place-items:center}.App{color:#fff;font-size:calc(10px + 2vmin);margin:10px auto;min-height:100vh;text-align:center}.App-link{color:#61dafb}.gif-wrap{display:grid;display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;padding:5px;place-items:center;width:90%}div.gif-card{flex:1 0 350px;margin:5px}h1.gif-title-h1{font-size:3rem;text-transform:capitalize}a,img{cursor:pointer}img{aspect-ratio:16/9;height:100%;object-fit:cover;width:100%}img.svg{height:40px;width:40px}.pagination{padding:20px}summary:focus{outline:0}details[open] summary{padding:5px;transition:1s ease-in-out}.gif-search{align-items:center;display:flex;margin:16px auto;max-width:400px;width:100%}.gif-search input{background-color:initial;color:#fff;font-size:1.1rem;max-width:100%;outline:none;padding:5px}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}button:active{-webkit-transform:scale(.98);transform:scale(.98)}.gif-search img{-webkit-animation:enter 3s linear infinite;animation:enter 3s linear infinite;object-fit:cover;padding:0 5px}button{outline:none;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.gif-btn-submit,.gif-download{background:transparent;border:none}.gif-btn-trending,.gif-btn-trendsearch{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin:0 10px;padding:10px;text-transform:uppercase}div.gif-trend-search{margin:20px auto;width:350px}div.gif-trend-search ul{align-items:flex-start;display:flex;flex-direction:column;list-style-type:none}@-webkit-keyframes enter{0%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%,to{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@keyframes enter{0%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%,to{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.b533f7ac.css.map*/