.container1{align-items:flex-start;background-color:#fff;border-radius:28px;display:flex;height:50%!important;justify-content:space-between;max-width:900px;padding:50px;width:100%}.first{margin-bottom:20px;padding-top:20px}.second{justify-content:space-between;margin-top:20px}.second,.second1{align-content:space-between;display:flex}.second1{justify-content:center;margin-top:0}.form2{max-width:400px;width:100%}.logo{display:flex;flex-direction:column;font-size:24px;font-weight:700}.login{align-items:end;display:flex;flex-direction:row-reverse;justify-content:space-between}.btn{border-radius:20px;margin-left:25px}.SignUp,.error{flex-direction:column}.SignUp{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.form2{align-content:flex-start;align-items:stretch;flex-direction:row;flex-wrap:wrap;margin:10px;row-gap:10px}.form-control,.form2{display:flex;padding:10px}.form-control{align-items:center}.form-control:hover{align-items:center;display:flex}.error{color:red;margin-bottom:10px;margin-top:10px}.container{align-items:flex-start;background-color:#fff;border-radius:28px;display:flex;height:80%;justify-content:space-between;max-width:900px;padding:50px;width:100%}.center{align-items:center;background-color:#f0f4f9;display:flex;height:100vh;justify-content:center}.btn{margin-left:0}.pre{align-items:end;flex-direction:column;margin-top:40px}.channel-banner,.pre{align-items:center;display:flex;justify-content:center}.channel-banner{background-image:url(https://example.com/banner-background.jpg);background-position:50%;background-size:cover;color:#fff;font-family:Roboto,sans-serif;height:250px;letter-spacing:4px;text-shadow:2px 2px 4px #000c;text-transform:uppercase;width:100%}.subscribe-btn{margin-right:25px}.channel-nav Link{margin-top:0!important;padding-left:0}.channel-banner h1{animation:fadeIn 1s ease-in-out;font-size:4rem;font-weight:900}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-page{font-family:Roboto,sans-serif}.scrolling-text{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{align-items:center;display:flex}.btn-edit-user{background-color:none!important;border:none;font-size:1.3rem!important;margin-right:5px;margin-top:150px;padding:0}.profile-pic{border-radius:50%;height:160px;margin-left:10px;width:160px}.user-details{flex-grow:1}.subscribe-btn{background-color:#c00;border:none;border-radius:2px;color:#fff;padding:10px 20px}.channel-nav{border-bottom:1px solid #303030;display:flex;padding:10px}.channel-nav a{color:#000;padding:0 20px;text-decoration:none}.video-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.video-card{border-radius:10px;overflow:hidden}.video-card img{border-radius:10px;height:200px;width:100%}.video-info{padding:10px}.video-info h3{size:1rem;font-size:14px;font-weight:700;margin:0}.video-info p,.video-info span{font-size:12px;margin:5px 0}.user-page{min-height:100vh}.search-box{align-items:center;background-color:#f1f1f1;border-radius:20px;display:flex;margin:0 auto;padding:5px;width:500px}.search-input{background-color:initial;border:none;flex:1 1;font-size:16px;outline:none;padding:5px}.search-button{align-items:center;background-color:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.search-button:hover{background-color:#ff6b6b}.card-img-top{height:200px;object-fit:cover;width:100%}.card{border:none;margin:0;padding:0}.card-body{border:none;box-shadow:none;padding:10px}.card-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.card-text{color:#555;font-size:.875rem}.creator-img{border-radius:50%;display:inline-block;height:36px;margin-right:8px;object-fit:cover;overflow:hidden!important;width:36px}.card button{background-color:initial;border:none}.ml-2{margin-left:8px}.d-flex.align-items-center.justify-content-between{align-items:center;display:flex;justify-content:space-between;width:100%}.nav-link .bi{margin-right:0!important}.dropdown-item{font-size:1em!important}.fixed-top{position:-webkit-sticky;position:sticky}.bi-person-add,.btn-action{font-size:1.5rem}.utbLogo{border:none;font-size:2rem!important}.btn-action:hover{color:#ff6b6b}.menu-expand-btn{align-items:center;background-color:initial;border:none;border-radius:50%;display:flex;font-size:1.8em!important;height:40px;justify-content:center;margin-left:5px;margin-top:9px;transition:background-color .3s;width:40px}.menu-expand-btn:hover{background-color:#0000001a}.btn-user-login{border-radius:50%;display:inline-block;height:30px;margin-bottom:2px;object-fit:cover;overflow:hidden!important;width:30px}.btn-action{border:none}.bi-brightness-high-fill{color:#fff!important;font-size:1.5rem!important}.bi-moon-stars-fill{color:#000!important;font-size:1.5rem!important}.tags-list button{border:none;border-radius:30px!important;width:150px}.list-group-item{border:none;padding:0}.nav-link{border-radius:20px;color:#000;font-size:1.2rem;padding:.75rem 1rem;transition:background-color .3s ease}.nav-link:hover{background-color:#0000001a}.nav-link .bi{font-size:1.2rem;margin-right:1rem}.nav-link span{margin-left:.5rem}.header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:10px}.header .btn{color:#333!important;height:100%}.header .btn-link{font-size:1.5em!important}.header .btn:hover{color:#ff6b6b!important}.comment-avatar{border-radius:50%;display:inline-block;height:36px;margin-right:8px;object-fit:cover;overflow:hidden!important;width:36px}.youtube-logo .bi-youtube{color:red;font-size:2em}.comment-header textarea{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.video-section{margin-bottom:20px}.video-container{background-color:#000}.video-info h5{margin-bottom:10px}.video-info p{margin:0}.video-creator img{border-radius:50%;display:inline-block;height:36px;margin-right:8px;object-fit:cover;overflow:hidden!important;width:36px}.video-stats{margin-left:10px!important}.video-stats button{border:none;font-size:1.2em!important}.video-stats .text-succes{color:green!important}.video-stats .text-danger{color:#dc3545}.comments-section{background-color:#fff;border-radius:5px;padding:10px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.comment-header .author-name{font-weight:700}.comment-header .comment-time{color:#666;font-size:.8em}.comment-content{margin-bottom:10px}.comment-actions{display:flex;gap:10px}.comment-actions button{background-color:initial;border:none;cursor:pointer;font-size:1.2em!important}.comment-actions .like-button.liked{color:#007bff}.comment-actions .edit-button{color:#6c757d}.comment-actions .delete-button{color:#dc3545}.add-comment{align-items:flex-start;display:flex;margin-top:2px}.add-comment textarea{border-radius:15px;flex:1 1;height:10px;padding:5px}.add-comment button{background-color:#007bff;border:none;border-radius:15px;color:#fff;margin-left:10px;margin-top:2px;padding:3px}.recommendations-section{background-color:#fff;margin-left:150px}.recommended-videos{display:flex;flex-direction:column;gap:10px;padding:20px}.recommended-video{align-items:flex-start;display:flex;gap:10px}.recommended-video img{border-radius:5px;height:94px;width:168px}.recommended-video-info{color:#333}.recommended-video-info h6{font-size:14px;margin:0}.recommended-video-info p{color:#666;font-size:12px;margin:0}.dark-mode1{background-color:#202021!important}.dark-mode .header,.dark-mode .video-page{background-color:#000!important}.dark-mode .youtube-logo .bi-youtube{color:#fff!important}.dark-mode .youtube-logo .bi-youtube:hover{color:#d83636!important}.dark-mode .comment,.dark-mode .msg,.dark-mode .utbLogo,.dark-mode1 .header .btn{color:#fff!important}.dark-mode .video-page{background-color:#000;color:#fff!important}.dark-mode .video-section{color:#fff!important}.dark-mode .video-stats button{color:#fff}.dark-mode .tags-list{color:#2c2c2e!important}.dark-mode .btn{color:#fff}.dark-mode .comments-section{background-color:#000!important}.dark-mode .add-comment textarea{background-color:#fff!important;border:0 solid #000!important;color:#000}.dark-mode .comment-body{background-color:#000!important}.dark-mode .comment-body .comment-actions button{background:#000!important;color:#fff!important}.dark-mode .recommendations-section{background-color:#0f0f0f;color:#fff}.dark-mode .recommended-video-info{color:#aaa!important}.dark-mode .btn-link{color:#fff!important}.dark-mode1 .container,.dark-mode1 .container1{background-color:#2a2a2a39;color:#fff}.dark-mode1 .btn-outline-danger{color:#fff!important}.dark-mode1 .btn-outline-dange:hover{background-color:#fff!important}.dark-mode,.dark-mode .fixed-top{background-color:#000!important}.dark-mode .btn-action:hover{color:#d83636!important}.dark-mode .btn-action{border:none;color:#fff!important}.dark-mode .search-box{background-color:rgba(37,35,35,.559)}.dark-mode .search-button{background-color:#2c2c2e;color:#fff}.dark-mode .menu-expand-btn,.dark-mode .search-input{color:#fff!important}.dark-mode .menu-expand-btn:hover{background-color:#ffffff1a}.dark-mode .card{background-color:#000}.dark-mode .card-body,.dark-mode .card-text,.dark-mode .nav-link{color:#fff}.dark-mode .nav-link:hover{background-color:#ffffff1a}.dark-mode .modal-content,.dark-mode .modal-title{background-color:#202021;border:none;color:#fff}.dark-mode modal-body{background-color:#202021;border:none}.dark-mode .btn-close{color:#fff}.dark-mode .offcanvas{background-color:#000;color:#fff!important}.dark-mode .dropdown-menu{background-color:#000}.dark-mode .dropdown-menu .dropdown-item{color:#fff!important}.dark-mode .dropdown-menu .dropdown-item:hover{color:#202021!important}.dark-mode .form-control,.dark-mode .form-select,.dark-mode .modal-footer,.dark-mode .modal-header{background-color:#1c1c1e;border-color:#202021!important;color:#fff}.dark-mode .nav-link{color:#fff!important}.dark-mode .nav-item .bi{color:#d83636}.dark-mode .nav-item .dropdown .bi{color:#fff!important}.container-fluid{min-height:100vh}.dark-mode{background-color:#121212}.dark-mode .channel-banner,.dark-mode .channel-nav a,.dark-mode .user-info,.dark-mode .video-info h3,.dark-mode .video-info p,.dark-mode .video-info span{color:#fff}.dark-mode .subscribe-btn{background-color:#c00;color:#fff}.dark-mode .channel-nav a.active{color:#000}
/*# sourceMappingURL=main.a7c0d317.css.map*/