*{margin:0;padding:0;box-sizing:border-box}:root{--text-primary: #5FBFF9;--text-primary-dark: hsl(202, 93%, 47%);--bg-primary: #051014;--bg-secondary: #2A272A}h1,h2,h3,h4,h5,h6,p,a,span,button,input,*{font-family:Roboto,Arial,sans-serif;font-optical-sizing:auto}a{text-decoration:none;color:#000}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:#727171;border-radius:10px;height:200px}::-webkit-scrollbar-track{background-color:transparent}.category-btn:hover{background-color:var(--text-primary-dark)!important;color:#fff!important}.category-btn:hover span{color:#fff!important}.category-btn:hover .category-btn-hover{color:#fff!important;opacity:1!important}.react-player{height:70vh!important;width:100%!important}.spinner{width:40px;height:40px;border:3px solid white;border-top-color:transparent;opacity:.8;border-radius:100px;animation:loading 1s linear infinite;margin:1em}@keyframes loading{0%{rotate:0deg}to{rotate:360deg}}@media (width > 768px){.feed{height:calc(100vh - 80px)}}.search-bar{border:none;outline:none;width:350px}.search-bar:focus{border:"1px solid #e3e3e3",}.category-btn{font-weight:700!important;text-transform:capitalize;display:flex;align-items:center;justify-content:start;cursor:pointer;background:transparent;outline:none;border:none;border-radius:6px;padding:10px 15px;margin-bottom:10px;transition:all .3s ease}@media screen and (max-width: 900px){.category-btn{margin:10px}}@media screen and (max-width: 800px){.copyright{display:none!important}}@media screen and (max-width: 600px){.scroll-horizontal{overflow:auto!important}.react-player{height:45vh!important}.search-bar{width:200px}}