@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);body{background-color:#161729;background-color:var(--background-color);font-family:Lato,sans-serif;font-size:100%;margin:0;padding:0}:root{--background-color:#161729;--green-color:#22fcd0;--light-green:#229081;--lightest-green:#137363;--off-green:#13726b;--white-color:#fefeff}.flex{display:flex}.flex-row,.flex-row-only{align-items:center;display:flex}.flex-row{justify-content:center}.margin-top-bottom-zero{margin-bottom:0;margin-top:0}.flex-col{align-items:center;display:flex;flex-direction:column;justify-content:center}.nav-name-text{color:var(--purple-medium);font-family:Kaushan Script,cursive}.landing-page{margin-top:7rem}.responsive-img{height:100%;width:100%}.text-align-center{text-align:center}button{background-color:initial;border:none;color:#fff}.link,button:hover{cursor:pointer}.link{text-decoration:none}.link-color{color:#22fcd0;color:var(--green-color)}.link:hover{cursor:pointer}.text-center{text-align:center}.pointer{cursor:pointer}.green{color:#22fcd0}.light-green{color:#229081;color:var(--light-green)}.white{color:#fefeff;color:var(--white-color)}@media screen and (max-width:600px){html{font-size:85%}}div.toast{background-color:var(--green-color);box-shadow:4px 6px 10px 4px rgba(0,0,0,.1);display:flex;height:2rem;text-align:left;width:25rem}div.toast div{font-size:1.2rem;justify-content:start}.nav{align-items:center;background-color:var(--background-color);border-bottom:1px solid var(--green-color);color:var(--green-color);display:flex;height:5rem;left:0;position:fixed;right:0;top:0;z-index:2}.navbar-title{color:green;font-size:2rem;font-weight:400;letter-spacing:1px;margin-left:1rem}.hamburgur-icon{display:none;font-size:2rem;margin-left:10px}.search-input-container{align-items:start;border:2px solid var(--green-color);border-radius:3px;margin-left:auto;margin-right:1rem;padding-right:7rem}.search{width:20rem}.search-input{width:14rem}.login-nav{margin:0 1.5rem}.hamburgur-display{display:none}@media only screen and (max-width:900px){.search-input-container{display:none}.login-nav{margin-left:auto}.hamburgur-display,.hamburgur-icon{display:flex}}.landing-video{aspect-ratio:1/3;height:80vh;object-fit:cover;width:100%}.home-page{background-color:var(--background-color);height:100%;margin-left:7rem;margin-top:5rem;padding:2rem;width:auto}@media screen and (max-width:900px){.home-page{margin-left:0}}:root{--light-color:#fae8ff}.hamburgur-menu{background-color:var(--light-green);display:none;flex-direction:column;left:0;list-style:none;margin-top:2.6rem;padding:1rem;position:fixed;top:2.5rem;-webkit-transform:.3s ease-in-out;transform:.3s ease-in-out;width:100%;z-index:3}.hamburgur-menu-item{color:#000;font-size:1.3rem;font-weight:400;gap:15px;margin-bottom:2rem;text-decoration:none}.hamburgur-menu-item:hover{color:var(--purple-medium);cursor:pointer}@media only screen and (max-width:900px){.hamburgur-menu{display:flex}}.sidebar-container{align-items:center;background-color:var(--background-color);color:var(--green-color);height:100vh;left:0;margin-top:0;position:fixed;top:5rem;width:7rem}.sidebar{gap:2rem;padding-left:0}.sidebar-item{gap:.5rem;list-style:none}.sidebar-icon{font-size:1.5rem}.sidebar-item-text{font-size:.8rem}@media screen and (max-width:900px){.sidebar-container{display:none}}.single-video-page{gap:2rem;justify-content:center;margin-left:7rem;margin-top:5.7rem;min-height:80vh;padding:2rem}.video-iframe{background-color:var(--background-color);flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.single-video-page-videoList{flex-direction:column;gap:1rem;height:80vh;overflow-y:scroll;padding:0 2rem;width:25rem}.singlepage-video-section-two{align-items:center;justify-content:space-between}.singlepage-video-title{color:var(--white-color);font-size:1.4rem;padding-top:1rem;text-align:justify;width:45rem}.video-iframe-icons-container{gap:2rem}.singlepage-video-card-genre{align-items:center;color:var(--white-color);font-weight:400;padding-top:5px}.video-iframe-icons{align-items:center;gap:3px}iframe{height:27rem;width:49rem}@media screen and (max-width:900px){.single-video-page{align-items:center;flex-direction:column;margin-left:0}iframe{width:25rem}.singlepage-video-title{font-size:1.2rem;width:23rem}.single-video-page-videoList{gap:0;padding:0}.video-iframe-icons-container{gap:1rem}}.auth-page{gap:4rem;margin-left:7rem;margin-top:5rem;padding-top:5rem}.auth-page,.login-form{align-items:center;display:flex;flex-direction:column}.login-form{background-color:var(--background-color);border:1px solid var(--green-color);border-radius:3px;gap:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:8pc auto auto;padding:2.5rem;width:20rem}.form-inputs{display:flex;flex-direction:column;gap:20px;width:90%}.form-input-individual{background-color:var(--background-color);border:none;border-bottom:1px solid var(--green-color);color:var(--green-color);outline:none;padding:5px 0}.form-input-individual::-webkit-input-placeholder{color:var(--light-green)}.form-input-individual::placeholder{color:var(--light-green)}.login-form-btn{background-color:var(--green-color);color:var(--background-color);font-size:1rem;font-weight:600;padding:8px 0;width:90%}.register-text{color:var(--green-color);font-size:1.2rem;letter-spacing:.5px;padding-bottom:3px}.login-guest-text,.register{border-bottom:1px solid var(--green-color)}.login-guest-text{color:var(--green-color);font-size:1.4rem;letter-spacing:1px;padding-bottom:3px}.logout-button{background-color:var(--green-color);border:none;color:var(--background-color);font-size:1.4rem;padding:10px 2rem}@media screen and (max-width:900px){.auth-page{margin-left:0}}.history-page{margin-left:250px;padding:20px}.history-video-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.history-video{background-color:#f9f9f9;border:1px solid #ccc;margin-top:8pc;padding:15px}.history-video-thumbnail{border-radius:5px;margin-bottom:10px;max-height:150px;object-fit:cover;width:100%}.history-video h2{color:#fff;font-size:18px;margin:0}.history-video p{color:#fff;margin:5px 0}.history-video h3,.history-video p{color:#fff;margin-top:3pc;text-align:center}.history-video h3{margin-top:10px}.history-video:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s ease}.green{color:var(--green-color)}.heading,.paragraph{color:#fff}.video-listing-page{background-color:var(--background-color);height:100%;margin-left:7rem;margin-top:5rem;padding:2rem;width:auto}.search-input-container-two{align-items:start;border:2px solid var(--green-color);border-radius:3px;color:var(--green-color);display:none;margin-bottom:2rem;width:80%}.search{border-radius:3px;gap:1rem;padding:.4rem 1rem}.search-input{background-color:var(--background-color);border:none;border-radius:3px;color:var(--green-color);font-size:1rem;outline:none;padding:3px;text-align:left;width:25rem}.category-chips-container{gap:1rem;margin-bottom:2rem}.category-chips{border:1px solid var(--green-color);border-radius:3px;color:var(--white-color);font-weight:400;padding:.5rem 1rem}.chip-default{background-color:var(--green-color);color:var(--background-color)}@media screen and (max-width:900px){.video-listing-page{margin-left:0}.search-input-container-two{display:flex;width:90%}}.playlist{color:green;margin-left:30rem;-webkit-text-emphasis-color:#fff;text-emphasis-color:#fff;width:3pc}.card-display-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.video-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.video-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.video-thumbnail{border-radius:4px;height:auto;max-width:100%}.video-title{font-size:18px;font-weight:700;margin-top:10px}.video-category,.video-date,.video-owner,.video-views{color:#666;font-size:14px;margin-top:5px}.video-card span{cursor:pointer}.dialog-box{align-items:center;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px;z-index:1000}.dialog-box button{background-color:#007bff;border:none;color:#fff;cursor:pointer;margin:5px;outline:none;padding:10px 20px;transition:background-color .3s ease-in-out}.dialog-box button:hover{background-color:#0056b3}.filters-container{background-color:#f5f5f5;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px}.filters-container h3{margin-bottom:10px}ul{list-style:none;padding:0}li{margin-bottom:5px}label{align-items:center;cursor:pointer;display:flex}input[type=checkbox]{margin-right:5px}.category-chips-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-chips{background-color:initial;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;outline:none;padding:10px 20px;transition:background-color .3s,color .3s}.category-chips.active,.category-chips:hover{background-color:green;color:#fff}
/*# sourceMappingURL=main.8a732967.css.map*/