@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap);:root{--primary-color:#cfd8dc;--secondary-color:#263238;--black-color:#222;--background-color:#faf9f8}*{box-sizing:border-box;margin:0;padding:0;font-family:"Montserrat",sans-serif}.home{height:90vh;font-size:3rem}.default-section,.home{display:flex;align-items:center;justify-content:center}.default-section{flex-direction:column;height:calc(100vh - 80px)}.default-section>p{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.default-section>button{max-width:15rem;padding:.5rem 1rem;font-size:1rem;border:1px solid;border-radius:.5rem;color:#faf9f8;color:var(--background-color)}.default-section>button,.divider{background-color:#263238;background-color:var(--secondary-color)}.divider{width:95%;height:1px}.secondary-btn{color:#faf9f8;color:var(--background-color);background-color:#263238;background-color:var(--secondary-color)}.action-btn,.secondary-btn{padding:.5rem 1rem;border:1px solid #222;border:1px solid var(--black-color)}.action-btn{background-color:var(--white-color)}.sign-up-link{text-align:center;color:#222;color:var(--black-color);text-decoration:none}.brand-name,.left-nav,.nav-menu,.nav-text,.nav-text a,.navbar-toggle{display:flex}.brand-name,.left-nav,.nav-text,.nav-text a,.navbar-toggle{align-items:center}.left-nav,.nav-text,.navbar-toggle{justify-content:flex-start}.brand-name,.nav-menu{justify-content:center}.nav-menu-items,.navbar-toggle{width:100%}.brand-name .brand-text,.nav-text{font-weight:700}.navbar{background-color:var(--primary-color);height:80px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.brand-name{grid-gap:0;gap:0;cursor:pointer;color:var(--black-color);text-decoration:none}.brand-name .brand-text{font-size:1.5rem;margin-left:5px;margin-bottom:5px}.brand-logo,.menu-bars{margin-left:2rem;font-size:2rem;background:none}.right-nav .login-logo,.right-nav .logout-logo{background:none;font-size:1.5rem;margin-right:.5rem}.nav-menu{background-color:var(--primary-color);width:250px;height:100vh;position:fixed;top:0;left:-100%;transition:.85s}.nav-menu.active{left:0;transition:.35s}.nav-text{padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text a{text-decoration:none;color:var(--black-color);font-size:18px;width:95%;height:100%;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:var(--secondary-color);color:var(--primary-color);border-radius:0 0 1rem 0}.navbar-toggle{background-color:var(--primary-color);height:80px}span{margin-left:16px}.form{width:25rem;display:flex;flex-direction:column;text-align:left;margin:5rem auto;font-weight:700}.form .input-box,.signup-form .heading2{margin-bottom:.5rem}.heading2{font-size:2rem}.heading3{font-size:1rem}.input-name,.welcome-msg{color:var(--secondary-color);margin:.5rem 0}.input-box{padding:.5rem;border-radius:.3rem;border-color:var(--black-color)}button{font-weight:700;margin-bottom:.5rem;cursor:pointer}.guest-login-btn{margin-top:.5rem}a{color:var(--black-color);text-decoration:none;margin:1rem 0}@media only screen and (max-width:600px){.form{width:90%}.heading2{font-size:1.5rem}}.card-container,.card-head,.card-title,.card-title .card-cta{display:flex;flex-direction:row}.card-container,.video-container{justify-content:flex-start;flex-wrap:wrap;grid-gap:2rem;gap:2rem;padding-top:2rem;margin-left:2rem;padding-bottom:2rem}.card{width:19rem;cursor:pointer;box-shadow:var(--secondary-color) 0 0 5px 1px}.card .single-page-url{color:#000;text-decoration:none}.card-img{width:100%;height:12rem;object-fit:contain}.card-head,.card-title{align-items:center}.card-title{justify-content:space-between;margin:.5rem}.card-title .card-title-header{font-size:1rem}.card-head .verified-icon,.card-title .like-btn,.card-title .watch-later-btn{padding-top:5px}.card-title .card-cta{grid-gap:.5rem;gap:.5rem}.card-head{justify-content:flex-start;margin:0 .5rem .2rem}.card-head .verified-icon{margin-left:5px}.card-description{display:flex;flex-direction:column}.card-description .views-date{display:flex;flex-direction:row;justify-content:space-between;font-size:.8rem;margin:.1rem .5rem .5rem}@media only screen and (max-width:600px){.card-container{justify-content:center}}.video-container{max-width:70%}.video-footer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;grid-gap:1rem;gap:1rem}.footer-title .video-creator-name{font-size:1rem;border:1px solid;padding:.5rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background-color:var(--secondary-color);cursor:pointer;color:var(--background-color);margin:.5rem 0}.footer-btn-list,.icon-container{display:flex;flex-direction:row}.footer-btn-list{grid-gap:1rem;gap:1rem}.icon-container{cursor:pointer}.footer-btn-list .icon-container{border:1px solid;padding:.5rem;border-radius:1rem;cursor:pointer}.icon-container>.text{margin-left:5px;font-size:.9rem}.footer-description .sub-heading{margin-bottom:.3rem;font-weight:700}.category-container{display:flex;flex-direction:row;list-style:none;justify-content:flex-start;grid-gap:1rem;gap:1rem;margin:1rem 0 0 2rem;flex-wrap:wrap}.category-name,.category-name-active{font-size:1.2rem;border:1px solid;padding:.5rem 1rem;border-radius:5rem;font-weight:700;color:var(--black-color);cursor:pointer}.category-name-active{background-color:var(--secondary-color);color:var(--background-color)}@media only screen and (max-width:600px){.category-container{justify-content:center}}
/*# sourceMappingURL=main.ee37a95f.chunk.css.map */