@import url(https://fonts.googleapis.com/css2?family=Bitter&family=Croissant+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Croissant One,cursive;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.Navbar{align-items:center;background-color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 80px 0 30px;z-index:10}.Navbar>.mainLogo{cursor:pointer;width:85px}.Navbar.darkMode>.mainLogo{width:85px}.Navbar>.mainLogo>img{background-color:#fff;border-radius:6px;box-shadow:0 0 2px #0000d6;padding:3px 3px 3px 5px;position:relative;width:100%}.Navbar.darkMode>.mainLogo>img{background-color:#fff;border-radius:6px;padding:2px 2px 2px 5px}.searchBox{align-items:center;border-radius:50px;box-shadow:0 0 1px blue;display:flex;height:5vh;justify-content:center;overflow:hidden;position:relative;width:75%}.searchBox>input{background-color:#f6fbff!important;border:none;border-radius:50px;flex-grow:1;font-family:Croissant One,cursive;font-size:1.05rem;height:100%;outline:none;padding:0 15px}.searchBox>button{background-color:#0b00a4;border:1px solid #616161;border-radius:50px;color:#fff;cursor:pointer;height:100%;width:60px}.searchBox>button:hover{background-color:#090082}.nightMode>button{background:transparent;border:none;cursor:pointer;outline:none}.mainSearchInput.darkMode{background-color:#474747!important}.channelCard,.videoCard{background-color:#f0f8ff;border:1px solid rgba(0,0,255,.275);border-radius:10px;box-sizing:border-box;color:#000;height:290px;text-decoration:none;width:380px}.channelCard:hover,.videoCard:hover{background-color:#dfedf9}.channelCard.darkMode,.videoCard.darkMode{background-color:#414141}.channelCard.darkMode:hover,.videoCard.darkMode:hover{background-color:#373737}.videoCard>.imageBox{align-items:center;border:1px solid rgba(0,0,255,.278);border-radius:10px;display:flex;height:73%;justify-content:center;overflow:hidden;width:100%}.imageBox>img{align-self:center;width:100%}.videoCard>.videoText{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:27%;justify-content:center;width:100%}.videoCard>.videoText>p{color:#464646;font-size:.8rem;text-align:center}.videoCard.darkMode>.videoText>p{color:#d1d1d1}.videoCard>.videoText>.channelName{font-size:.9rem}.videoCard.darkMode>.videoText>.channelName{color:#ebebeb}.videoCard>.videoText>div{align-items:center;display:flex;justify-content:flex-start}.videoCard>.videoText>div>svg{color:#858585;font-size:.8rem;margin:3px}.channelCard{align-items:center;display:flex;flex-direction:column;justify-content:center}.channelCard.darkMode{color:#fff}.channelCard>.channelImageBox{border:3px solid #c7c7fa;border-radius:50%;height:200px;overflow:hidden;width:200px}.channelCard>.channelImageBox>img{width:100%}.channelCard>.channelText{align-items:center;display:flex;font-size:1.1rem;justify-content:center}.channelCard>.channelText>svg{color:#858585;font-size:.9rem;margin:3px}@media screen and (max-width:810px){.videoCard{height:75vmin;width:95%}.videoCard>.imageBox{height:69.5%}}@media screen and (max-width:660px){.searchBox>input{font-size:.9rem;padding:0 7px}.videoCard{height:75vmin;width:95%}.Navbar{height:5vh;padding:10px}.Navbar>.mainLogo{align-items:center;display:flex;justify-content:center;width:70px}.Navbar.darkMode>.mainLogo{width:65px}.searchBox{height:4vh;margin:5px}.nightMode>button svg,.searchBox>button svg{font-size:.9rem}}@media screen and (max-width:510px){.searchBox>input{border-radius:50px;flex-grow:1;width:78%}.searchBox>button{width:50px}.videoCard>.videoText>p{margin:initial}.videoCard>.videoText>.channelName{font-size:.9rem;margin:initial}.Navbar>.mainLogo>img{box-shadow:0 0 2px rgba(0,0,214,.573)}}.sideOrVideoContainer{align-items:top;display:flex;justify-content:flex-start}.infinite-scroll-component__outerdiv{width:81%}.infinite-scroll-component{align-items:top;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.infinite-scroll-component::-webkit-scrollbar{display:none}.sideBar{height:91vh;left:0;overflow-y:scroll;position:-webkit-sticky;position:sticky;top:9vh;width:19%}.sideBar.darkMode{background-color:#222}.sideBar::-webkit-scrollbar{width:8px}.sideBar::-webkit-scrollbar-track{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#000dfbd3;border-radius:15px}.sideBar ul{margin:0 15px}.sideBar ul li{align-items:center;background-color:#dbe9f6;border-radius:25px;color:#3f3f3f;cursor:pointer;display:flex;justify-content:flex-start;margin-bottom:8px;padding:10px 0}.sideBar.darkMode ul li{background-color:#4c4c4c;color:#dbdbdb}.sideBar ul li:hover{background-color:#d1e3f4}.sideBar.darkMode ul li:hover{background-color:#000}.sideBar ul li svg{margin-left:10px;margin-right:15px}@media screen and (max-width:1000px){.sideOrVideoContainer{align-items:top;display:flex;flex-direction:column;justify-content:center}.infinite-scroll-component__outerdiv,.sideBar{width:100%}.sideBar{background-color:#fff;font-size:.9rem;height:6vh;left:0;margin:auto auto 10px;overflow-y:scroll;position:-webkit-sticky;position:sticky;top:7.5vh}.sideBar ul{align-items:center;display:flex;justify-content:flex-start;margin:auto;overflow-x:scroll;width:95%}.sideBar ul li svg{font-size:.9rem;margin-left:5px;margin-right:5px}.sideBar ul::-webkit-scrollbar,.sideBar::-webkit-scrollbar{display:none}.sideBar ul li{align-items:center;background-color:#e8f4ff;border-radius:25px;display:flex;justify-content:flex-start;margin:4px;padding:3px 8px}}.VideoDetailContainer{align-items:top;display:flex;justify-content:space-evenly;width:100%}.VideoDetailContainer.darkMode{background-color:#000}.VideoDetailContainer.darkMode>.suggestedVideosBox>span{color:#fff}.playVideoBox{background-color:#525252;border:1px solid hsla(0,0%,57%,.275);border-radius:5px;height:600px;overflow:hidden;position:-webkit-sticky;position:sticky;top:80px;width:950px}.playVideoBox>.mainVideo{border:1px solid rgba(0,0,255,.275);border-radius:3px;height:80%;overflow:hidden;width:100%}.playVideoBox>.videoDetailBox{align-items:flex-start;background-color:#f0f8ff;display:flex;flex-direction:column;height:20%;justify-content:center;padding:0 10px;width:100%}.playVideoBox>.videoDetailBox.darkMode{background-color:#343434;color:#fff}.videoDetailBox>.details{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.videoDetailBox>.details>.profileImg{border:1px solid blue;border-radius:50%;color:#000;height:50px;margin-right:5px;overflow:hidden;text-decoration:none;width:50px}.videoDetailBox>.details>.profileImg>img{width:100%}.videoDetailBox>.details button{background-color:#c4d2ff;border:none;border-radius:25px;box-shadow:0 0 1px blue;font-family:Croissant One,cursive;font-size:1vmax;margin:5px;outline:none;padding:5px 10px}.videoDetailBox.darkMode>.details button{background-color:#141414;color:#fff}.suggestedVideosBox{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0;width:400px}.suggestedVideosBox>.videoCard{margin:5px 0}@media screen and (max-width:1430px){.VideoDetailContainer{align-items:center;flex-direction:column;z-index:-1}.playVideoBox{height:105vmin;position:relative;top:10px;width:95%}.playVideoBox>.mainVideo{border-radius:5px;height:80%;width:100%}.suggestedVideosBox{padding:20px 0;width:95%}.suggestedVideosBox>.videoCard{margin:10px}}@media screen and (max-width:800px){.playVideoBox{height:72vmin;position:relative;position:-webkit-sticky;position:sticky;top:52px;width:95%;width:100%}.playVideoBox>.mainVideo{border-radius:5px;width:100%}.suggestedVideosBox{padding:20px 0;width:95%}}@media screen and (max-width:600px){.playVideoBox{height:85vmin}.playVideoBox>.mainVideo{height:68%}.playVideoBox>.videoDetailBox{height:32%}.videoDetailBox>.details>span,.videoDetailBox>p{font-size:.8rem}.videoDetailBox>.details>.profileImg{height:30px;width:30px}.videoDetailBox>.details button{border-radius:25px;font-size:1.2vmax;margin:2px;padding:4px 5px}.suggestedVideosBox>.videoCard{margin:5px 0;padding:0;width:100%}}.chnnelVideos{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:100%}.chnnelVideos.darkMode{background-color:#000}.chnnelVideos>.chnnelCard,.chnnelVideos>.videoCard{margin:5px}.seeMore{background-color:#fff;border:none;border-radius:3px;box-shadow:0 0 1px #000094;color:#0101a5;cursor:pointer;font-family:Croissant One,cursive;font-size:1rem;margin:auto;outline:none;padding:10px;width:120px}.seeMore:hover{color:#000}.channeProfilelInfo{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.channeProfilelInfo.darkMode{background-color:#000;color:#fff}.channeProfilelInfo>.profileImg{border:3px solid #7777fe;border-radius:50%;height:120px;overflow:hidden;width:120px}.channeProfilelInfo>.profileImg>img{width:100%}.channeProfilelInfo>p{margin:3px 0}.channeProfilelInfo:nth-child(2) button{background-color:#ddddfd;border:1px solid #696969;border-radius:15px;font-family:Croissant One,cursive;font-size:1rem;margin:3px;padding:5px 8px}.channeProfilelInfo.darkMode:nth-child(2) button{background-color:#414141;color:#fff}@media screen and (max-width:500px){.channeProfilelInfo:nth-child(2) button{font-size:.7rem}}
/*# sourceMappingURL=main.5a25653f.css.map*/