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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}iframe{padding-top:5rem;margin:1rem;width:800px;height:550px}@media screen and (max-width:500px){iframe{padding-top:5rem;margin:1rem;width:280px;height:280px}}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:visibility 0s,opacity .5s}.bg-active{visibility:visible;opacity:1}.modal{position:relative;background-color:#fff;padding:.5rem;z-index:1}.modal-input{width:60%;height:5vh;margin-top:.5rem;border-radius:.2rem}.modal-btn{background-color:#af0f0f;color:#f0d8d8;padding:6px;border:1px solid #af0f0f;border-radius:.2rem;cursor:pointer;height:5vh;margin-left:.2rem}.modal-inner{position:relative}.modal-heading{padding-top:1rem}.modal-close-btn{position:absolute;background-color:#af0f0f;color:#f0d8d8;top:0;right:0;border:1px solid #af0f0f;border-radius:50%;cursor:pointer;width:3vh;height:3vh}.video-card-outer,.video-page{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.video-card-outer{padding-left:13rem;margin-top:5rem}.video-card{height:290px}.watchlater-btn{position:absolute;top:.5rem;right:.5rem;font-size:20px;color:#af0f0f;background-color:rgba(0,0,0,.8);padding:3px;border:none;cursor:pointer}.watchlater-btn:focus{background-color:#681313}.playlist-btn{position:absolute;top:2.5rem;right:.5rem;font-size:20px;color:#af0f0f;background-color:rgba(0,0,0,.8);padding:3px;border:none;cursor:pointer}.playlist-btn:focus{background-color:#681313}@media screen and (max-width:500px){.video-card-outer{padding-left:1rem;margin-top:3rem}.playlist-btn,.watchlater-btn{padding:0}}.video-card{position:relative;box-shadow:5px 5px 10px #e6e3e3;max-width:250px;height:275px;margin:1rem;padding-left:.5rem}.video-details{text-align:left;padding-left:.5rem}.video-details .video-title{font-size:14px;display:-webkit-box;max-width:500px;margin:1rem 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-avatar{border-radius:50%;height:40px;margin-top:1rem}.back-btn{background-color:#af0f0f;cursor:pointer;height:4vh;width:70px;border-radius:.5rem;color:#fff;border:none}.fa-clock,.fs-stream{color:#af0f0f}.sidebar-component{width:400px;padding-left:3rem;padding-top:5rem;position:fixed;z-index:1}.sidebar-link{font-size:larger;padding:1.5rem 0;text-align:left}Link:visited{color:red}.separator{border-left:1px solid #afadad;height:100%;position:fixed;left:215px;margin-left:-3px;top:0}.sidebar-icon{color:#000}@media screen and (max-width:500px){.sidebar-component{display:-webkit-flex;display:flex;width:100%;padding-left:0;position:fixed;bottom:0;z-index:1}.separator{display:none}.sidebar-link{font-size:18px;padding:0;width:100%;background-color:#000}.fa-clock,.fa-stream{padding:.8rem 3rem;color:#fff}.fa-home{padding:.8rem 2.5rem;color:#fff}.sidebar-label{display:none}}.home-components{display:-webkit-flex;display:flex}@media screen and (max-width:500px){.home-components{display:block}}.watch-later-components{display:-webkit-flex;display:flex}.watch-later-card{position:relative;max-width:250px;height:290px;margin:1rem;padding-left:.5rem}.watch-later-btn{color:#af0f0f;position:absolute;top:8px;left:228px;background:none;border:none;font-weight:bolder;font-size:18px;cursor:pointer}.watch-later-grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.watch-later-card-outer{margin-left:13rem}.watch-later-heading{margin-top:5rem;margin-left:14rem}@media screen and (max-width:500px){.watch-later-heading{margin-top:3.5rem;margin-left:1rem;font-size:22px}.watch-later-card-outer{margin-left:1rem}.watch-later-card{padding-left:0}}.playlist-page-playlists{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:1rem 2rem 0 15rem;-webkit-justify-content:space-between;justify-content:space-between}.playlists{height:150px;margin-bottom:2rem;position:relative}.playlist-length{padding-top:.8rem;position:absolute;background-color:#000;color:#fff;font-size:20px;font-weight:700;opacity:.5;width:300px;height:8vh;bottom:0}.playlist-name{background-color:#ece8e8;padding-top:2rem;height:150px;width:300px}.playlist-link{text-decoration:none;color:#000}.card-playlist{position:relative;margin-bottom:1rem}.card-link{color:#000;width:250px;height:300px}.card-link,.video-card{text-decoration:none}.horizontal-card{display:-webkit-flex;display:flex;padding-left:15rem}.card-thumbnail{width:242px;height:150px}.card-details{width:500px;text-align:left;margin-left:1rem}.card-author{color:#504f4f;font-weight:200}.card-description{font-size:16px;display:-webkit-box;max-width:500px;margin:1rem 0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist-btn-remove{color:#af0f0f;position:absolute;top:0;left:440px;background:none;border:none;font-weight:bolder;font-size:24px;padding:6px 12px;cursor:pointer}.navigation{position:fixed;z-index:2;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 1rem;background-color:#000;height:10vh;width:100%}.nav-link{font-size:larger;position:relative;color:#f5f1f1;text-decoration:none;padding:0 .5rem;border:none;background-color:#000;cursor:pointer}.nav-Header{font-size:23px;padding:0}.logout-btn{font-size:larger}@media screen and (max-width:500px){.navigation{padding:0 .5rem;height:8vh}.nav-Header{font-size:18px}.logout-btn{font-size:medium}}*{margin:0;padding:0;box-sizing:border-box}.loginMainDiv{width:100%;height:90vh;position:relative}.loginBox{width:400px;position:absolute;top:50%;left:50%;padding:3rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);border-radius:.5rem}.loginBox h1{margin-bottom:2rem;color:#fff;text-transform:capitalize;text-align:center}.loginBox .loginForm{position:relative}.loginBox .loginForm input{width:100%;padding:.5rem;font-size:16px;color:#fff;letter-spacing:1px;margin-bottom:3rem;border:none;border-bottom:1px solid #fff;background:transparent;outline:none}.btn-login{border:none;color:#fff;background:#961010;padding:.5rem 1rem;cursor:pointer;border-radius:.3rem;font-size:14px}.guest-login{margin-top:1rem;background-color:#fff;padding:.5rem 0;border-radius:10px}
/*# sourceMappingURL=main.4cc8839b.chunk.css.map */