@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.card-text{color:#fff}.grid{margin:2rem 8rem}@media screen and (max-width:900px){.grid{margin:2rem 4rem}}.loading{align-items:center;flex-direction:column;height:50vh}.backdrop,.loading{display:flex;justify-content:center;width:100%}.backdrop{background-color:rgba(0,0,0,.6);height:100vh;left:0;position:fixed;top:0;z-index:1}.modal{background:linear-gradient(0deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.16)),#121212;border-radius:4px;box-shadow:0 24px 38px rgba(0,0,0,.14),0 9px 46px rgba(0,0,0,.12),0 11px 15px rgba(0,0,0,.2);left:37%;margin:auto;overflow:auto;padding:"10px";position:absolute;top:30vh;width:25%;z-index:100}.header{display:flex;justify-content:space-between;padding:1rem;text-align:center}.inputDescription{color:hsla(0,0%,100%,.6);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin:2px 13px;text-align:left}.inputDiv{margin:20px 0}.uploadBtn{align-items:center;background-color:#ee1520!important;border-radius:4px;color:#fff!important;display:flex;font-family:Roboto;font-size:13px;font-style:normal;font-weight:500;letter-spacing:.75px;line-height:15px;margin-bottom:10px;padding:"10px"!important;text-align:center;text-transform:uppercase}.borderTextfield{border:2px solid hsla(0,0%,100%,.3)!important;border-radius:5px!important}.cancelBtn{align-items:center;background:none!important;border-radius:4px;box-shadow:none!important;display:flex;font-family:Roboto;font-size:13px;font-style:normal;font-weight:500;letter-spacing:.75px;line-height:14px;text-align:center;text-transform:uppercase}.cancelBtn,.text{color:hsla(0,0%,100%,.87)!important}.header h2{color:hsla(0,0%,100%,.87);color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.15px;line-height:24px;margin:0}.floatingLabelFocusStyle{border-color:#606060!important;color:hsla(0,0%,100%,.6)!important}.content{justify-content:center;margin:auto}.actions,.content{display:flex;padding:1rem}.actions{justify-content:flex-end}@media (max-width:1000px){.modal{left:25%;width:50%}}@media (max-width:700px){.modal{left:20%;width:60%}}.navBar{background-color:#2e2c2c!important;display:flex;justify-content:space-between;padding:1rem;text-align:center}.search{left:4rem;min-width:24rem;position:relative}.searchTextField{background-color:#121212;color:"#444D56";font-family:Roboto;font-size:"16px";font-style:"normal";font-weight:"400";line-height:"24px";width:60%}::-webkit-input-placeholder{color:#fff!important}::placeholder{color:#fff!important}.search-mobile{border:none!important;display:block!important;width:100%}.uploadButton{background-color:#4ca3fc!important;color:#fff!important}.search-desktop{display:none!important}.btn-mobile{color:#fff!important;padding-top:2px}.btnabc{border-radius:0!important}@media screen and (min-width:900px){.search-mobile{display:none!important}.search-desktop{display:block!important}}.genres{border-radius:2rem;color:hsla(0,0%,100%,.87);font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;height:"20px";letter-spacing:.25px;line-height:20px;margin:.5rem!important;padding:0 2px!important;text-align:center;width:7rem}.genres:hover{cursor:pointer}.selectedGenres{background-color:#fff;border-radius:2rem;color:#000;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;height:"20px";letter-spacing:.25px;line-height:20px;margin:.5rem!important;padding:0 2px!important;text-align:center;width:7rem}.filters{background-color:#2e2c2c;margin:"1rem";padding:2% 20%!important}.genresDiv{align-items:center;display:flex;justify-content:center}.sortBy{background-color:#fff!important;border-radius:2rem!important;color:#424242;color:#000!important;font-family:Roboto!important;font-size:14px!important;font-style:normal;font-weight:400!important;letter-spacing:.25px;line-height:20px;margin-left:.5rem;padding:0!important;text-align:center}.sortValue{background-color:#2e2c2c!important;color:#fff}.sortValue:hover{background-color:#6d6a6a!important}.sortDropDown{background-color:#fff;border-radius:1rem;color:#000;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;height:"20px";letter-spacing:.25px;line-height:20px;margin:.5rem;padding:5px 10px;text-align:center}.videoMargin{margin:10%;width:80%}.headingVideo{color:#fff;font-size:24px;font-weight:700;line-height:28px;right:64.93%}.detailsVideo,.headingVideo{font-family:Roboto;font-style:normal}.detailsVideo{color:#c2c2c2;font-size:14px;font-weight:400;line-height:16px;margin:15px 5px 10px 0}.dot{align-items:flex-end;display:flex;font-family:Font Awesome\ 5 Pro;font-size:6px;font-weight:900;height:6px!important;line-height:6px;margin:20px 5px 10px 0;width:6px!important}.detailsVideo2,.dot{color:#c2c2c2;font-style:normal}.detailsVideo2{font-family:Roboto;font-size:14px;font-weight:400;line-height:16px;margin:15px 2px 10px}.likes{background-color:#2e2c2c!important}.clicked,.likes{border-radius:30px!important;color:#fff!important;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin:5px!important}.clicked{background-color:#4ca3fc!important}
/*# sourceMappingURL=main.7198bd5c.css.map*/