*{box-sizing:border-box;margin:0;padding:0}body{font-family:poppins,sans-serif}.header{height:80px;justify-content:space-between;padding:0 20px;width:100%}.header,.header .gif-searchbar{align-items:center;display:flex}.header .gif-searchbar{justify-content:flex-end}.header .gif-searchbar input{border:1px solid #000;outline:none;padding:7px 15px}.header .gif-searchbar button{background:#639;border:none;color:#fff;cursor:pointer;outline:none;padding:8px 10px}.gif-section{min-height:100vh;width:100%}.gif-section,.gif-section .gif-inner{display:flex;flex-wrap:wrap;justify-content:center}.gif-section .gif-inner{align-items:center;width:90%}.gif-section .gif-inner .gif-img img{height:200px;margin:20px;object-fit:cover;width:300px}@media only screen and (max-width:500px){.header .title h1{font-size:25px}.header .gif-searchbar{align-items:center;display:flex;justify-content:flex-end}.header .gif-searchbar input{border:1px solid #000;margin-left:10px;outline:none;padding:7px 15px;width:100%}.header .gif-searchbar button{background:#639;border:none;color:#fff;cursor:pointer;outline:none;padding:8px 10px}.gif-section{min-height:100vh}.gif-section,.gif-section .gif-inner{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.gif-section .gif-inner{align-items:center}.gif-section .gif-inner .gif-img{align-items:center;display:flex;height:200px;justify-content:center;width:300px}.gif-section .gif-inner .gif-img img{background-position:50%;height:100%;width:100%}}.loader{align-items:center;display:flex;height:85vh;justify-content:center;width:100%}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #000;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}
/*# sourceMappingURL=main.c11d447b.css.map*/