@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&display=swap);*{box-sizing:border-box}body,html{box-sizing:border-box;height:100%}#header,body,html{margin:0;padding:0;width:100%}#header{align-items:center;display:flex;flex-flow:column nowrap;height:40vh;justify-content:center}#container{background-color:#141414;bottom:0;color:#e1e1e1;font-family:"Open Sans",sans-serif;height:100%;left:0;position:absolute;top:0;width:100%}#container,#section{display:flex;flex-direction:column}#section,.scrollable-content{flex-grow:1;min-height:0}.scrollable-content{overflow-y:auto;padding:20px;text-align:center}.scrollable-content>img{margin-right:10px;margin-bottom:10px}.scrollable-content::-webkit-scrollbar{width:1em}.scrollable-content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.scrollable-content::-webkit-scrollbar-thumb{background:rgba(50,49,48,.25);border:1px solid rgba(50,49,48,.35)}div#giphy-logo{display:flex;justify-content:center;width:100%}img#giphy-logo{width:40%}form{display:flex;justify-content:center;width:100%}input#search-text{background:rgba(50,49,48,.25);border:1px solid rgba(50,49,48,.35);border-radius:5px;color:#e1e1e1;font-family:"Heebo",sans-serif;font-size:18px;margin-top:15px;outline:0;padding:10px 15px;width:50%}input#search-text:focus{-webkit-animation-name:funky-shadow;animation-name:funky-shadow;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes default{0%{color:#141414}to{color:#141414}}@keyframes default{0%{color:#141414}to{color:#141414}}@-webkit-keyframes default-hint{0%{color:#e1e1e1}to{color:#e1e1e1}}@keyframes default-hint{0%{color:#e1e1e1}to{color:#e1e1e1}}@-webkit-keyframes funky-shadow{0%{box-shadow:0 0 15px rgba(255,255,153,.85)}25%{box-shadow:0 0 15px hsla(0,100%,70%,.85)}50%{box-shadow:0 0 15px rgba(153,51,255,.85)}75%{box-shadow:0 0 15px rgba(0,204,255,.85)}to{box-shadow:0 0 15px rgba(0,255,153,.85)}}@keyframes funky-shadow{0%{box-shadow:0 0 15px rgba(255,255,153,.85)}25%{box-shadow:0 0 15px hsla(0,100%,70%,.85)}50%{box-shadow:0 0 15px rgba(153,51,255,.85)}75%{box-shadow:0 0 15px rgba(0,204,255,.85)}to{box-shadow:0 0 15px rgba(0,255,153,.85)}}@-webkit-keyframes funky-colour{0%{color:#ff9;text-shadow:0 0 5px rgba(255,255,153,.4)}25%{color:#f66;text-shadow:0 0 5px hsla(0,100%,70%,.4)}50%{color:#93f;text-shadow:0 0 5px rgba(153,51,255,.4)}75%{color:#0cf;text-shadow:0 0 5px rgba(0,204,255,.4)}to{color:#0f9;text-shadow:0 0 5px rgba(0,255,153,.4)}}@keyframes funky-colour{0%{color:#ff9;text-shadow:0 0 5px rgba(255,255,153,.4)}25%{color:#f66;text-shadow:0 0 5px hsla(0,100%,70%,.4)}50%{color:#93f;text-shadow:0 0 5px rgba(153,51,255,.4)}75%{color:#0cf;text-shadow:0 0 5px rgba(0,204,255,.4)}to{color:#0f9;text-shadow:0 0 5px rgba(0,255,153,.4)}}@media screen and (max-width:1275px){#header{height:40vh}#header input#search-text{width:50%}img#giphy-logo{width:40%}}@media screen and (max-width:925px){#header{height:35vh}#header input#search-text{width:60%}img#giphy-logo{width:50%}}@media screen and (max-width:600px){#header{height:30vh}#header input#search-text{width:80%}img#giphy-logo{width:70%}}
/*# sourceMappingURL=main.1c5c8636.chunk.css.map */