*{box-sizing:border-box;margin:0;padding:0;text-transform:none}.main-container{align-items:flex-start;display:grid;gap:15px;grid-template-columns:2fr 1fr;padding:5px 5%}.main-container .main-video{border-radius:5px;padding:1px}.main-container .main-video video{border-radius:5px;margin-bottom:15px;width:100%}.main-container .main-video .title{font-family:oswald;padding-bottom:15px}.main-container .video-list{border-radius:5px;height:350px;overflow-y:scroll}.main-container .video-list::-webkit-scrollbar{width:7px}.main-container .video-list::-webkit-scrollbar-track{background:#ccc;border-radius:50px}.main-container .video-list::-webkit-scrollbar-thumb{background:#666;border-radius:50px}.main-container .video-list .vid video{width:100px}.main-container .video-list .vid{align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:5px;cursor:pointer;display:flex;gap:15px;margin:5px;padding:5px}.main-container .video-list .vid:hover{background:#eee}.main-container .video-list .vid.active{background:#8c8c8c}.main-container .video-list .vid.active .title{color:#fff}@media (max-width:991px){.main-container{grid-template-columns:1.5fr 1fr;padding:10px}}@media (max-width:768px){.main-container{grid-template-columns:1fr}}