*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto",sans-serif;scroll-behavior:smooth;background-color:var(--colorBodyBackgrund);--colorBackgroungItems:#fff;--colorBodyBackgrund:#eee;--colorSecundary:#6200ed;--colorText:#262626;--colorText2:#e2e2e2;--colorSpinner:#09f;transition:all .3s ease}body::-webkit-scrollbar{display:none}body.isDarkMode{--colorBackgroungItems:#1f1f1f;--colorBodyBackgrund:#121212;--colorText:#e2e2e2;--colorSpinner:#09f;transition:all .3s ease}@media screen and (min-width:1000px){.wrpaHome{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}}.containerGifList{padding:0 1em 1em;margin-bottom:1em;-webkit-flex-grow:2;flex-grow:2}.tittleGifList{text-transform:capitalize;margin-bottom:5px;color:var(--colorText)}.wrpaListOfGifs{min-height:110vh;display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fit,minMax(150px,1fr));grid-auto-rows:minMax(175px,auto);grid-gap:5px;gap:5px}.fa-chart-line{margin-left:5px;color:var(--colorText)}.wrapImgGif:nth-child(11n+1){grid-column:span 2;grid-row:span 2}.wrapImgGif:nth-child(8n+1){grid-column-end:span 2;grid-row-end:span 1}.wrapImgGif:nth-child(10n+3){grid-column:span 2;grid-row:span 2}@media screen and (min-width:800px){.wrapImgGif:nth-child(8n+1){grid-column-end:span 2;grid-row-end:span 2}}.wrapImgGif{cursor:pointer;object-fit:cover}.imgGif{height:100%;width:100%;vertical-align:top}.spinner{width:50px;height:50px;border-radius:50%;border:5px solid rgba(0,0,0,.1);border-left:5px solid var(--colorSpinner);-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite;position:absolute;left:45vw;top:50vh}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapTitle-DarkMode{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;height:3em;margin-bottom:.7em;padding:2em 0}.containerHeader,.wrapTitle-DarkMode{background-color:var(--colorBackgroungItems)}.containerHeader{box-shadow:0 0 8px 0 rgba(0,0,0,.3);margin-bottom:1.5em;padding-bottom:2em}.title{cursor:pointer;text-decoration:none;font-size:3em;font-weight:600;color:var(--colorSpinner)}.wrapDarkMode{cursor:pointer;color:var(--colorText)}.wrapDarkMode:hover{color:var(--colorSpinner);transition:all .3s ease}.fa-moon,.fa-sun{margin-right:5px}.fa-moon{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}@media screen and (min-width:1000px){.wrapTitle-DarkMode{position:relative;margin:0 4em;height:15vh;-webkit-justify-content:space-between;justify-content:space-between}.title{font-size:4em}.containerHeader{padding-bottom:0}}.wrapSearchResults{padding-bottom:3em}.botton{padding:15px;margin:0 auto;display:block;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.botton:hover{transition:all .4s ease;color:var(--colorText2);background-color:var(--colorBackgroungItems)}.titleGifDetail{color:var(--colorText);margin-bottom:10px}.containerGifDetali{width:60vw;height:70vh;margin:0 auto}
/*# sourceMappingURL=main.cad1d9d6.chunk.css.map */