@import url(https://csscomponents.netlify.app/style.css);*{padding:0}.App{font-family:sans-serif}.vidListingParent{padding:1rem;margin-top:10vh;min-height:90vh;background-color:#f3f4f6;margin-left:20%;overflow-x:hidden}.vidBody{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-items:center;-webkit-align-items:center;align-items:center}.vidCardBody{height:20rem;overflow-y:hidden;width:20rem;margin:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.videoImgDiv{height:100%;width:20rem}.thumbnail-image{height:100%;width:100%;object-fit:cover}.vidCardBody h4{margin:0;text-align:start;padding:.5rem 0 0;color:#3b82f6;-webkit-flex-grow:1;flex-grow:1}.videoDetailRoute{text-decoration:none}.vidBtnDiv{padding:.5rem .2rem}.like-button{border:none;font-size:1.2rem;background:transparent;cursor:pointer;padding-right:1rem;color:#3b82f6}.modalParent{z-index:1;position:absolute;margin:40vh 25vw;background-color:rgba(67,88,86,.671);padding:1rem;border-radius:1rem;width:30vw}.modalTitle{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:.5rem;border-radius:.5rem}.modalTitle input{width:70%}.modalTitle button{padding:.3rem;color:#000;border:1.5px solid #3b82f6;border-radius:.2rem}.playlistTitle{padding:.5rem;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;color:#fff;font-size:1.2rem;border:2px solid #3b82f6;margin:1rem 0;border-radius:.5rem}.playlistTitle button{padding:.5rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;border-radius:.5rem}.closeModalBtn{height:2rem;width:2rem;border-radius:50%;border:2px solid #3b82f6;cursor:pointer;position:absolute;top:.5rem;right:1rem}.closeModalDiv{padding:1rem}.likedVideosParent{padding:1rem 0;margin-top:10vh;min-height:90vh;background-color:#f3f4f6;margin-left:20%;overflow-x:hidden}.likedVideosBody{padding:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.horizCardParent{margin-bottom:1.5rem;width:37vw!important}.HorizImgDiv{width:100%!important;height:16rem!important;padding-bottom:0!important}.HorizImgDiv img{object-position:cover}.emptySvgDiv,.horizFooterBtn{display:-webkit-flex;display:flex}.emptySvgDiv{width:80vh;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:1rem}.emptySvgDiv img{width:100%;object-fit:contain}.emptySvgDiv h2{margin:1.5rem 0;text-shadow:0 0 7px rgba(59,130,246,.65)}.emptySvgLink{font-size:1.2rem;color:#3b82f6}.loginParent{-webkit-justify-content:center;justify-content:center;min-height:90vh;width:100%;margin-top:10vh}.loginBody,.loginParent{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.loginBody{margin-left:20%;-webkit-flex-direction:column;flex-direction:column;padding:5rem 0;width:30rem;border-radius:1rem;box-shadow:0 0 14px 0 #3b82f6;-webkit-box-shadow:0 0 14px 0 #3b82f6;-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.75)}.loginBody h1{margin-bottom:1rem;color:#3b82f6}.logoutParent{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%}.logoutParent,.plalistParent{min-height:90vh;margin-top:10vh}.plalistParent{padding:1rem 0;background-color:#f3f4f6;margin-left:20%;overflow-x:hidden}.playlistBody{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.playlistCard{width:60%;padding:1rem;border-right:1px solid #3b82f6;margin:.5rem}.playlistLister{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;background-color:#dbdde0;padding:.2rem .5rem;border-radius:.2rem;-webkit-align-items:center;align-items:center;margin-bottom:1rem;cursor:pointer}.playlistLister button{height:2rem;width:2rem;border-radius:50%;border:2px solid #3b82f6;cursor:pointer}.playlistVideos{width:20rem;padding:.5rem 1rem}.videoCard{margin-top:1rem}.video-image{width:100%}.videoMainCard{margin:.5rem 0}.videoRouterLink{text-decoration:none;color:#000}.sigupParent{-webkit-justify-content:center;justify-content:center;min-height:90vh;width:100%;margin-top:10vh}.sigupBody,.sigupParent{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sigupBody{margin-left:20%;-webkit-flex-direction:column;flex-direction:column;padding:5rem 0;width:30rem;border-radius:1rem;box-shadow:0 0 14px 0 #3b82f6;-webkit-box-shadow:0 0 14px 0 #3b82f6;-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.75)}.sigupBody h1{margin-bottom:1rem;color:#3b82f6}.inputBox{padding:.5rem;border-radius:.5rem;border:.1rem solid #3b82f6;margin:.5rem;width:60%}input:focus-visible{outline:none}.btnPrimary{padding:.5rem;border-radius:.3rem;margin:.5rem 0;font-size:large}.errorMessage{padding:1rem}*{margin:0}.videoDetailParent{padding:1rem 0;margin-top:10vh;min-height:90vh;background-color:#f3f4f6;margin-left:20%;overflow-x:hidden}.videoDetailBody{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.videoTemplate{width:60vw;height:70vh}.watchLaterParent{padding:1rem 0;margin-top:10vh;min-height:90vh;background-color:#f3f4f6;margin-left:20%;overflow-x:hidden}.watchLaterBody{padding:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.nav1{position:fixed;top:0;background-color:#3b82f6!important;box-shadow:0 7px 6px -6px #1f2937;margin-bottom:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;z-index:1}.navRouteLink{text-decoration:none;color:#fff;position:relative}.navRouteLink.navIcon{font-size:1.3rem}.navIconWL{font-size:1.1rem}.navSearchBar{padding:.5rem}.appName{color:#fff;font-size:1.2rem;padding:1rem 2rem}.userDiv{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.userDiv p{padding:0 .2rem}.sidebarBody{background-color:#f3f4f6;-webkit-flex-direction:column;flex-direction:column;width:20%;height:100vh;position:fixed;left:0;border-right:1px solid #3b82f6}.sidebarBody,.sidebarCategory{display:-webkit-flex;display:flex;padding:1rem}.sidebarCategory{font-size:1.3rem;margin:.2rem;-webkit-align-items:center;align-items:center}.sidebarCategory h5{margin:0 .5rem}.sidebarCategory:hover{background-color:#3b82f6;color:#fff;border-radius:.5rem}.routeLink{text-decoration:none;color:#3b82f6}
/*# sourceMappingURL=main.6f3234cd.chunk.css.map */