.loginButton{border:1px solid white;border-radius:10px;background-color:#313131;color:#fff}.footer{width:100%;background-color:#1e1e1e;text-align:center;padding:0rem 0;margin-top:1rem;position:fixed;left:0;bottom:0;right:0}.footer p{color:#fff;font-size:.9rem;font-weight:10;margin:0;padding:0;font-family:Inter,sans-serif}.card-container{margin-right:30px;width:300px;overflow:hidden}.card-container img{width:300px;height:169px;border-radius:10px;cursor:pointer}.card-title{color:#fff;font-weight:600}.channel-views{display:flex}.card-channel{color:#fff;font-weight:400;cursor:pointer}.channel-text{font-size:20px}.card-views{margin-right:auto;color:#fff}.card-date{color:#fff;margin-left:auto}.video-list-container{position:relative;width:100%;display:flex;align-items:center}.scroll-button{position:absolute;z-index:2;background:rgba(0,0,0,.7);color:#fff;border:none;top:50%;padding:20px 15px;cursor:pointer;font-size:40px;opacity:0;transition:opacity .3s ease-in-out;transform:translateY(-50%)}.scroll-left{left:20px}.scroll-right{right:20px}.video-list{display:flex;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:20px 0;gap:20px;scroll-snap-type:x mandatory;scroll-padding:0 10px}.video-list div{flex:0 0 auto;scroll-snap-align:start}.video-list::-webkit-scrollbar{display:none}.video-list:hover .scroll-button{opacity:1}.videoDetail-container{color:#fff;padding-top:100px;padding-left:160px}.videoPlayer{width:60%}body{background-color:#1e1e1e}p{color:#fff;font-size:16px;font-weight:500}