@import"https://fonts.googleapis.com/css2?family=Reem+Kufi+Ink&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap";.App::-webkit-scrollbar{display:none!important}.nav{position:fixed;top:0;z-index:200}.routes{margin-top:100px}*{margin:0;padding:0}.container{max-width:100vw;display:grid;grid-template-columns:repeat(auto-fill,minmax(192px,auto));margin:auto;justify-items:center;justify-self:center;justify-content:center}.card{margin:0 10px;position:relative;justify-content:center;justify-items:center;justify-self:center}.card .image button{border:none;background:none;outline:none}.card .fullscreen-container{display:grid;grid-template-columns:1fr 1fr;position:relative}.card .fullscreen-container .info{background-color:#fff;width:50%;height:85%;margin:0 30px;border-radius:.5rem;inline-size:50%;overflow-wrap:break-word}.card .fullscreen-container .info h3{max-width:100%!important;overflow:hidden;padding:15px 10px}.card .fullscreen-container .info .close{background:none;outline:none;border:none;cursor:pointer;position:absolute;top:4%;right:4%}@media screen and (max-width: 900px){.card .fullscreen-container .info{display:none}}.card .fullscreen-container .fullscreen-image{position:fixed;top:-10px;left:0;z-index:500;padding:20px 10px;display:flex;align-items:center;justify-content:center;width:100%!important}.card .fullscreen-container .fullscreen-image .fullscreen-image-container{width:50%;height:96%;object-fit:cover;background-color:transparent;border-radius:.5rem}@media screen and (max-width: 900px){.card .fullscreen-container .fullscreen-image .fullscreen-image-container{width:90%;height:88%;position:absolute;top:4%;left:3%}}@media screen and (max-width: 425px){.card .fullscreen-container .fullscreen-image .fullscreen-image-container{width:90%;height:84%;position:absolute;top:4%;left:3%}}.card .fullscreen-container .fullscreen-image .img-close{background:none;outline:none;border:1px solid gray;background-color:#000;padding:6px;border-radius:100rem;cursor:pointer;position:absolute;top:8%;right:15%;display:flex;align-items:center;justify-content:center}.card .fullscreen-container .fullscreen-image .sm-tags{position:absolute;top:10%;left:3%;z-index:300;width:80%;opacity:.9}.card .fullscreen-container .fullscreen-image .sm-tags .tags h6{font-size:12px;padding:3px 6px}.card .fullscreen-container .fullscreen-image .more-options{position:absolute;color:#fff;bottom:150px;left:15%;z-index:10000}.card .fullscreen-container .fullscreen-image .more-options .more-btn{background-color:#000;padding:10px;border-radius:100rem;cursor:pointer;z-index:10000;border:2px solid gray}.card .fullscreen-container .fullscreen-image .more-options .hidden-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:15px}.card .fullscreen-container .fullscreen-image .more-options .hidden-info .btn{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card .fullscreen-container .fullscreen-image .more-options .hidden-info .btn .anchor{color:#fff;text-decoration:none;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card .fullscreen-container .fullscreen-image .more-options .hidden-info .btn .anchor .hidden-btn{margin:14px 0 14px -4%;background-color:#000;padding:10px;border-radius:100rem;cursor:pointer;border:2px solid gray}.card .fullscreen-container .fullscreen-image .more-options .hidden-info .btn .anchor p{padding:5px 12px;position:relative;overflow:hidden;border-radius:5px;z-index:2}.card .fullscreen-container .fullscreen-image .more-options .hidden-info .btn .anchor p:before{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:#000;border-radius:5px;opacity:.6;z-index:-1}.card .fullscreen-container .fullscreen-image .img-detail{position:absolute;color:#fff;bottom:150px;right:15%;overflow-wrap:break-word}.card .fullscreen-container .fullscreen-image .img-detail a{color:#fff;border:none;text-decoration:none;list-style-type:none}.card .fullscreen-container .fullscreen-image .img-detail a .download-btn{background-color:#000;padding:10px;border-radius:100rem;cursor:pointer;border:2px solid gray}@media screen and (min-width: 900px){.card .fullscreen-container .fullscreen-image .img-close{display:none}.card .fullscreen-container .fullscreen-image .img-detail{display:none!important}.card .fullscreen-container .fullscreen-image .more-options{display:none}}.card .fullscreen-container .fullscreen-image:before{content:"";min-width:200vw;height:150vh;position:absolute;background-color:#000;top:0%;right:0px;border-bottom-right-radius:.5rem;border-bottom-left-radius:1px;border-top-left-radius:2px;border-top-right-radius:1px;opacity:.6;z-index:-1}.tags-container .channel-name{color:#000;text-decoration:none}.tags-container .channel-name p{margin-bottom:10%!important}.tags{display:inline-block}.tags a{text-decoration:none;color:#000;font-size:21px}.tags a h6{background-color:#7fffd4!important;margin:5px 10px;padding:5px 12px;border-radius:5px}.ImageContainer{position:relative;border-radius:.5rem;z-index:10}.fullscreen-image-container{display:flex;justify-content:center;align-items:center}@media screen and (min-width: 900px){.fullscreen-image-container{max-width:80%;height:102%}}.image-wrapper{margin:12px 0}.title{position:absolute;bottom:0px;right:0px}.img-title{position:relative;color:#fff;padding:5px 15px;border-bottom-right-radius:.5rem;border-bottom-left-radius:1px;border-top-left-radius:2px;border-top-right-radius:1px;z-index:15}.img-title:before{content:"";width:100%;height:100%;position:absolute;background-color:#000;top:0%;right:0px;border-bottom-right-radius:.5rem;border-bottom-left-radius:1px;border-top-left-radius:2px;border-top-right-radius:1px;opacity:.6;z-index:-1}.lds-ellipsis{display:inline-block;position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-40%,-40%)}.lds-ellipsis div{position:absolute;width:11px;height:11px;border-radius:50%;background:black;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.navigation-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;width:100vw;background-color:gray}.navigation-bar .logo{margin-left:2%}.navigation-bar .logo a{text-decoration:none;color:#000}.navigation-bar ul{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:1}.navigation-bar li{list-style-type:none;margin-right:4%}.navigation-bar li a{text-decoration:none;color:#000}.navigation-bar li a h5{font-size:18px;font-weight:500}.navigation-bar .search-icon{margin-right:2%}.search-input{display:flex;justify-content:flex-start!important;align-items:center;margin-left:calc(100vw - 500px);height:45px;width:500px;position:relative}@media screen and (max-width: 850px){.search-input{width:85vw;margin:auto}.search-input .main{width:100%!important}.search-input .btn{height:38px!important}}.search-input .main{display:flex;border-radius:5px!important;box-shadow:#74998d33 0 2px 8px;align-items:center;margin-left:12px;width:480px;height:40px}.search-input .main input{border:1px solid gray;background:rgba(0,0,0,.8);outline:none;float:left;margin:0!important;color:#000;font-size:20px;transition:.4s;width:100%!important;height:100%;border-radius:.3rem;padding:0 6px}.search-input .main input::placeholder{color:gray;font-size:20px!important;font-family:Reem Kufi Ink,sans-serif!important}.search-input .btn{height:40px;width:45px;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#000!important;display:flex;position:absolute;justify-content:center;align-items:center;right:30px;cursor:pointer}@media screen and (max-width: 900px){.search-input .btn{right:0px}}.search-input .btn a{display:flex;position:relative;justify-content:center;align-items:center}.search-input .btn a svg{color:#fff!important;font-size:25px}.tags-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));max-width:90%;margin:10px 5px}.tags-container a{text-decoration:none;color:#000;height:100%;width:100%}.tags-container a p{padding:7px 15px;background-color:#7fffd4;border-radius:.2rem;font-size:14px}#search-box{border:none;outline:none;background:none;width:90vw;display:flex;justify-content:center;align-items:center;margin:auto;height:35px;border-bottom:2px solid black}body,html{font-family:Poppins,sans-serif;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none!important}