body{margin:0;font-family:"PT Serif",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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{background-color:#22201c;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.App-link{color:#61dafb}.brand-title{font-size:3rem;color:#d9d9d9}.brand-title span{color:#ffde59}.brand-description{font-size:1.4rem}.links{display:flex}.links a{color:#d9d9d9;font-size:1.2rem;margin:1rem}.nav-cont{justify-content:space-between;align-items:center;padding:10px 30px;background-color:#0f202e;border-bottom:2px solid #01d2ed}.nav-cont,.nav-left{display:flex}.nav-btn{background-color:transparent;border:none;cursor:pointer}.brand-name,.nav-icon{color:#c5e0e4}.brand-name{font-size:2rem;margin:0 10px;padding:0}.brand-quote{font-size:small;margin:0 10px}.nav-signin{border:1px solid #01d2ed;padding:1rem;font-size:1rem;border-radius:.6rem;color:#c5e0e4;background-color:rgba(63,239,218,.205)}aside{width:20%}li{list-style:none}.side-item{color:#c5e0e4;font-size:1.1rem;font-weight:400;padding:10px;margin:10px;border-radius:5px;cursor:pointer}.side-item:hover{color:#12191d;background-color:#c5e0e4}.fas{margin-right:5px}.main-cont{display:flex;margin-top:20px}.right-body{padding:10px;display:flex;margin:0 20px 20px;flex-direction:column;width:100%;background-color:#121212;border:2px solid #01d2ed;border-radius:5px;align-self:flex-start}.chips{background-color:#12191d;padding:2px;margin-bottom:20px;border-radius:5px;display:flex}.category-list{list-style-type:none;margin:1px;display:flex;flex-wrap:wrap;padding:0}.list-item{display:inline-block;padding:7px 15px;margin:5px;background-color:#0f202e;border:1px solid #01d2ed;border-radius:5px;text-align:center;color:#c5e0e4;cursor:pointer}.video-list{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:30px;gap:30px}.video-card{border-radius:5px;display:flex;flex-direction:column;max-width:20rem;background-color:#0f202e;border:1px solid #01d2ed;align-self:flex-start}.card-img{width:17rem;height:13rem;margin:10px 10px 20px}.content{margin:0 15px 15px;color:#c5e0e4}.title{font-size:1.2rem;-webkit-text-decoration:underline 1px solid #363b3f;text-decoration:underline 1px solid #363b3f}.creator,.title{margin:5px}.date,.views{margin:5px;font-size:small}.foot-icons{justify-content:space-around}.card-head,.foot-icons{display:flex;align-items:center}.card-head{justify-content:space-between;text-align:center}.card-icon{color:#c5e0e4}.card-icon:hover{color:#363b3f}.icon-item{font-size:1.2rem}.dp-btn,.icon-item{background-color:transparent;border:none;cursor:pointer}.dp-btn{color:#c5e0e4;text-align:center}.dp-ul{text-align:right;background-color:#363b3f;padding:2px;border-radius:5px;margin-top:5px}.dp-item{background-color:transparent;border:none;cursor:pointer;padding:3px}.dp-item:hover{background-color:#24292c}.views-date{display:flex;align-items:center;justify-content:space-between}.page-name{margin:5px;color:#c5e0e4}.card-img,.clear,.title{cursor:pointer}.clear{margin-left:auto;margin-right:20px;font-size:1.1rem;text-decoration:underline}.card-icons{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:5px;background-color:#12191d;border:1px solid #01d2ed;text-align:center;padding:5px;border-radius:5px}.playlist-inp{margin-bottom:10px}.playlist-inp:focus{outline:none}.right-end{background-color:#24292c;padding:10px;margin:5px 5px 5px 0;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700}.right-end:hover{color:#12191d;background-color:#c5e0e4}body{font-family:"Nunito",sans-serif;background-color:#12191d}.body-cont{height:100vh}.hero-img{width:100%;height:100%;position:relative}.content-box{position:absolute;top:80%;right:10%;color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif}.landing-btn{background-color:hsla(0,0%,100%,.09019607843137255);border:#7c3935;font-size:1.9rem;color:#00b7ff;cursor:pointer;padding:15px;border-radius:1rem}.landing-btn:hover{-webkit-text-decoration:1px solid #c5e0e4;text-decoration:1px solid #c5e0e4;color:#0084ff}.form-main{display:flex;margin-top:7%;align-items:center;justify-content:center}.sign{margin-top:2%}.form-container{box-shadow:2px 2px 6px 0 rgba(0,0,0,.1);align-self:center;display:flex;padding:1.25rem 2rem;justify-content:center;background-color:#1b262c;border:2px solid #01d2ed;border-radius:5px}.signup-form{color:#c5e0e4}.form-head{font-weight:500;color:#01d2ed;margin:10px;text-align:center}.submit-btn{width:85%}.new-ac{background-color:transparent;font-family:"Montserrat",sans-serif;border:none;font-size:1rem;padding-top:5px;cursor:pointer}.new-ac:hover{color:#24292c;-webkit-text-decoration:1px solid #24292c underline;text-decoration:1px solid #24292c underline}.label-inp{margin-bottom:1px;color:#c5e0e4}.pass-rem{display:flex;justify-content:space-between}.h4{font-weight:300}.align-justify-center{align-items:center;justify-content:center}.margin-30{margin-top:1.875rem;margin-bottom:1.875rem}.primary-btn,.primary-btn-border,.secondary-btn-border{padding:5px}.button{background-color:transparent}.link-style{text-decoration:none}.link-color,.link-color-primary{color:#c5e0e4}.new-btn{border:none;border-radius:5px;font-family:"Montserrat",sans-serif;font-size:1rem;margin:3px;padding:10px;font-weight:500;-webkit-text-decoration:1px solid #24292c underline;text-decoration:1px solid #24292c underline}fieldset{border:1px solid #c5e0e4;border-radius:5px;margin:10px;padding:5px}.input{padding:5px;width:250px;background-color:transparent;border:none;color:#c5e0e4;font-weight:600}.input:focus{outline:none}.forgot-pass{background-color:transparent;font-size:1rem;font-family:"Montserrat",sans-serif;color:#c5e0e4}.forgot-pass,.login-btn{border:none;cursor:pointer}.login-btn{width:80%;margin:5px;padding:5px;background-color:#c5e0e4;border-radius:5px;color:#12191d;font-size:1.1rem}.login-btn:hover{background-color:#12191d;color:#c5e0e4;border-bottom:2px solid #c5e0e4}.remem-me{color:#c5e0e4}.btn-div{text-align:center}.new-ac-btn{width:80%;margin:5px;padding:5px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;background-color:#12191d;color:#c5e0e4}.new-ac-btn:hover{color:#12191d;background-color:#c5e0e4;border-bottom:2px solid #12191d}.relative{position:relative}.no-playlist,.video-count{color:#c5e0e4}.video-count{position:absolute;width:6rem;height:13rem;top:10px;right:10px;background-color:rgba(52,58,64,.8);text-align:center;display:flex;align-items:center;justify-content:center}.count{font-size:1.2rem;font-weight:700}.player-div{margin:0 20px 20px;width:100%;background-color:#121212;border:2px solid #01d2ed;border-radius:5px;justify-content:center}.player-div,.video-details{padding:10px;display:flex;flex-direction:column;align-items:center}.video-details{grid-gap:20px;gap:20px;text-align:left;width:78.5%;color:#c5e0e4;background-color:#12191d;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.title-div{justify-items:center;border-bottom:1px solid #01d2ed;text-align:center}.vid-title{font-size:1.4rem}.det-div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%}.vid-btn{font-size:1.1rem}
/*# sourceMappingURL=main.16582224.chunk.css.map */