@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Poppins",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--index1:1;--index2:2;--index3:3;--index4:4;--index5:5}.app{display:grid;grid-template-columns:1fr 5fr}.leftAppSection{-webkit-justify-content:baseline;justify-content:baseline;height:100vh;width:10vw;position:fixed;padding:0 1rem;background-color:#000;z-index:3;z-index:var(--index3)}.leftAppSection,.rightAppSection{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.rightAppSection{margin-left:11rem;background-color:rgba(0,0,0,.925);color:var(--whitePale)}.routerLink{text-decoration:none}@media only screen and (max-width:450px){.app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.leftAppSection{position:fixed;bottom:0;height:auto;width:100vw}.rightAppSection{margin-left:-.5rem}}.headerContainer{width:100%;position:fixed;z-index:var(--index2)}.navbar.ecommerce{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;height:7vh;background-color:#000}.navSearch.ecommerce{width:400px;border:1px solid rgba(255,209,2,.452);color:rgba(255,209,2,.452)}.navSearch.ecommerce input{background-color:#000;color:var(--whitePale)}.navSearch.ecommerce input:focus{outline:none}.btnFloat{color:#000}.navAction.ecommerce{width:15%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.btn.unstyled.nav{color:var(--whitePale)}.dropdownContent{background-color:#363636;border-radius:.5rem}.dropdownContent li{color:var(--whitePale)}@media only screen and (max-width:450px){.navbar.ecommerce{-webkit-justify-content:center;justify-content:center;border-top:1px;border-bottom:1px solid hsla(0,0%,100%,.233)}.navSearch.ecommerce{width:200px;margin-left:5rem;font-size:.8rem;border:1px solid hsla(0,0%,100%,.233)}.dropdownContent{margin-left:-7rem}}.heroSectionContainer{min-height:95vh;margin-top:5vh;color:var(--whitePale);padding:1rem 0 0 1rem}.headingMain{letter-spacing:2px;font-weight:300}.historyContainer{padding:0 0 0 1rem}.historyContainer,.historyVideoList{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.historyVideoList{width:100%;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.flatCard.history{width:40rem;font-size:1rem}@media only screen and (max-width:450px){.historyContainer{margin-left:-2rem;padding-bottom:6rem}.historyVideoList{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.flatCard.history{width:20rem;font-size:1rem;display:grid;grid-template-columns:1fr 1fr;font-size:.8rem}.detailFlat.history{margin-left:1rem}.btn.outline.history{font-size:.6rem}}.homeContainer{padding:2rem 0 0}.homeVideoList{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media only screen and (max-width:450px){.homeContainer{padding-bottom:6rem}.homeVideoList{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}.likedVideoContainer{padding:0 0 0 1rem}.likedVideoList{display:grid;grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:450px){.likedVideoContainer{padding-bottom:7rem}.likedVideoContainer h1{text-align:center}.likedVideoList{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;display:grid;grid-template-columns:1fr 1fr}}.playlistContainer{padding:0 1rem 3rem}.playlist{padding:1rem 0;border-top:2px solid var(--darkGreen)}.playlistVideos{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:450px){.playlistContainer{padding-bottom:6rem}.playlistContainer h1{text-align:center}.playlist{margin:0}.playlistVideos{display:grid;grid-template-columns:1fr 1fr}}.watchLaterContainer{padding:0 0 0 1rem}.watchLaterVideoList{display:grid;grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:450px){.watchLaterContainer{padding-bottom:6rem}.watchLaterContainer h1{text-align:center}.watchLaterVideoList{display:grid;grid-template-columns:1fr 1fr}}.videoDetailContainer,.videoDetailContainer.sub{padding:2rem 0 0 1rem;display:-webkit-flex;display:flex;place-items:center;-webkit-justify-content:center;justify-content:center;min-height:100%}.videoDetailContainer.sub{width:100vw}.videoDetail{width:70%;height:60vh}.videoDiv{width:100%;height:70vh}.videoDesc{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border-bottom:1px solid hsla(0,0%,70.6%,.801)}.videoDesc p{font-size:1rem}.videoLike{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.icon{font-size:1.5rem}.iconClicked{color:var(--orange)}.videoChannelName{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.videoChannelName p{margin-left:1rem}.input{width:18rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.input input{width:100%}@media only screen and (max-width:450px){.videoDetailContainer{padding:2rem 0 0;margin:0;width:85vw}.videoDetailContainer.sub{padding:0}.videoDetail{margin-left:3.5rem;position:fixed;top:5rem;width:90%}.videoDesc p{font-size:.8rem;width:100%}.videoDetail{width:100%;height:50vh}.videoDiv{height:100%;width:100%}.videoLike{width:60%}.avatar{width:35px;height:35px}.icon{font-size:1.3rem}}.category{width:auto;display:inline-block;padding:1rem}.btn.unstyled.categories{color:var(--whitePale);border:1px solid hsla(0,0%,100%,.151);background-color:hsla(0,0%,100%,.041)}@media only screen and (max-width:450px){.categoryContainer{padding-bottom:6rem}.categories{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.btn.outline.categories{font-size:.7rem}}.categoryContainer{margin:0 0 0 1rem}.categoryVideoList{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:450px){.categoryContainer{margin:2rem 0 0 1rem}.categoryContainer h1{font-size:1.5rem}}.loginContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:95vh}.formCard{box-shadow:1px 1px 1px transparent;border:1px solid var(--orange);position:relative}.formInput input{background-color:#000;color:var(--whitePale)}.redirectToSignup{position:absolute;bottom:0}.errorMessage{background-color:rgba(255,71,71,.603);padding:.5rem;font-size:1rem;width:100%;text-align:center}.btn.outline.guest{color:#fff;font-size:.8rem;margin:1rem 0}.btn.outline.guest:hover{color:#000}@media only screen and (max-width:450px){.loginContainer{margin-top:-3rem}.formCard{width:70%;border:none}}.signupContainer{display:-webkit-flex;display:flex;place-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:95vh}@media only screen and (max-width:450px){.signupContainer{margin-top:-2rem;padding-bottom:5rem}}.profileContainer{margin:5rem 0 0 1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.input{width:40vw;display:grid;grid-template-columns:1fr 3fr;box-shadow:0 3px 5px hsla(0,0%,45.9%,0)}.input input{background-color:#000;color:var(--whitePale);border-right:1px solid var(--orange)}.input label{color:#000}@media only screen and (max-width:450px){.profileDetail{margin-left:-2rem}.input{width:80vw}}.toast{position:fixed;right:1rem;top:5rem;z-index:var(--index5)}@media only screen and (max-width:450px){.toast{right:2rem}}.sidebarContainer{height:100%}.sidebarContainer,.sidebarNavContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sidebarContainer h1{color:#fff}.sidebarNavItem{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:baseline;justify-content:baseline;color:#fff}.sidebarNavItem:hover{border-right:5px solid var(--orange);color:var(--orange)}.sidebarNavItem p{margin-left:1rem;text-decoration:none}@media only screen and (max-width:450px){.sidebarContainer{height:auto;border-top:1px solid hsla(0,0%,100%,.233);margin:0 0 0 -.9rem}.sidebarNavContainer{display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem 0 0}.sidebarContainer h1{position:fixed;top:0;left:.5rem;color:var(--orange);font-size:1.5rem}.sidebarNavItem{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:.7rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.sidebarNavItem:hover{border-right:none;color:none}.sidebarNavItem:focus{border-bottom:none;color:none}}.ecommerceCard{-webkit-justify-content:baseline;justify-content:baseline;width:18rem;color:#fff;border:1px solid rgba(255,219,58,0);box-shadow:1px 5px 15px rgba(255,219,58,0)}.cardImg{width:99%;height:200px}.iframe.medium{height:100%;width:100%}.avatar.small{width:30px;height:30px}@media only screen and (max-width:450px){.ecommerceCard{padding:0;margin:1rem 0 0;width:99%}}.flatCard{background:none;width:25rem;font-size:.8rem;color:var(--whitePale);box-shadow:1px 5px 15px rgba(255,219,58,0);margin:0;padding:0}.detailFooter{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.detailFooter button{background:none;border:none;color:#fff}@media only screen and (max-width:450px){.flatCard{width:10rem}}.modal{background-color:rgba(0,0,0,.712)}.isLoginBtns{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.isLoginBtns,.modal{display:-webkit-flex;display:flex}.modal{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:rgba(0,0,0,.822);position:fixed;z-index:var(--index4);width:100vw;height:100vh}.modalBox{width:auto;color:#000;background-color:#8a8a8a}.modalBox ul{margin:.5rem 0}.input{text-align:left;border:none;padding:.5rem;border-radius:.2rem}.playlistBtns{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin:.5rem 0}.modalPlayList{margin:0 0 .5rem}.modalPlayList:hover{cursor:pointer;background-color:#adadad;padding:0 0 0 .2rem}
/*# sourceMappingURL=main.63773885.chunk.css.map */