.main{background-color:#000;color:#fff;display:flex;height:calc(100vh - 3.5rem)}.main .sidebar{border-right:1px solid #3f3737;display:flex;flex-direction:column;height:100%;overflow:scroll;padding:2rem 0 0;scroll-behavior:smooth;width:15vw}.main .sidebar::-webkit-scrollbar{display:none}.sidebar button{align-items:center;background-color:#000;border-radius:1rem;color:#fff;display:flex;justify-content:flex-start;margin:.5rem 0;transition:.5s;width:95%}.sidebar button span{color:#fc1503;padding:0 1rem;transition:.5s}.sidebar .active,.sidebar button:hover{background-color:#fc1503}.sidebar .active span,.sidebar button:hover span{color:#fff}.main{align-items:center;justify-content:center}.main .interface{height:calc(100% - 4rem);margin:2rem;width:85vw}.main .interface .AllVideo{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;overflow-y:scroll}.main .interface .AllVideo::-webkit-scrollbar{display:none}.main .interface h2 span{color:#fc1503}.videocard{height:300px;margin:0 1rem;width:240px}.videocard img{height:180px;width:auto}.videocard .channel{border-radius:7rem;padding-top:1rem}.videocard h4{color:#fff;font-size:.9rem;font-weight:100}.videocard h2{color:gray;font-size:1rem;font-weight:900;margin:1rem 0}.videocard h2 i{font-size:1.3rem}@media screen and (max-width:750px){.main .sidebar{width:30vw}.main .interface{width:75vw}.videocard img{height:150px}.videocard{width:200px}}@media screen and (max-width:600px){.main{flex-direction:column}.main .sidebar{flex-direction:row;height:5rem;padding:0;width:100vw}.sidebar button{margin:1rem .5rem;padding:0 1rem}.main .interface{margin:0;width:95vw}.videocard{height:250px}}.navbar{align-items:center;display:flex;justify-content:space-between;padding:.5rem 3rem}.navbar img{height:2.5rem}.navbar .search{align-items:center;border-radius:5rem;display:flex;justify-content:center;overflow:hidden}.search input{padding:.5rem;width:30rem}.search button,.search input{border:none;height:2rem;outline:none}.search button{color:#fc1503;font-size:1rem;padding:.3rem;width:2rem}@media screen and (max-width:600px){html{font-size:14px}.search input{width:15rem}}.video-content-page{background-color:#000;color:#fff;display:flex;justify-content:space-evenly;min-height:calc(100vh - 3.5rem)}.video-player{height:85vh;width:75vw}.video-player h3{padding:.5rem 1rem}.video-player .video-content{align-items:center;color:gray;display:flex;flex-direction:row;height:6%;justify-content:space-between;padding:0;width:100%}.video-player .video-content h3{color:gray}.video-player .video-content .video-view{align-items:center;display:flex}.video-player .video-content .video-view h6{font-size:1rem;padding:0 1rem}.video-content-page .video-list{height:calc(100vh - 3.5rem);overflow-y:scroll}@media screen and (max-width:600px){.video-content-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.video-player{height:40vh;width:100vw}}.channell{min-height:calc(100vh - 3.5rem);overflow-x:hidden;width:100vw}.channell .background{background:linear-gradient(90deg,#00eef7,#ce03b8 100%,#00d4ff 0);height:300px;width:100vw}.channell .background .content{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-top:150px}.channell .background .content img{border-radius:7rem;width:240px}.channell .background .allvideo .AllVideo{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}a{color:#000;text-decoration:none}
/*# sourceMappingURL=main.dbea2aa4.css.map*/