*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}a{text-decoration:none;color:#5a5a5a}img{cursor:pointer}.flex-div{display:flex;align-items:center}nav{padding:10 2%;justify-content:space-between;box-shadow:0 0 10px #0003;background-color:#fff;position:sticky;top:0;z-index:10}.nav-left .menu-icon{width:20px;margin-left:30px;margin-right:30px;cursor:pointer}.nav-left .logo{width:100px;max-width:100%;margin:10px;cursor:pointer}.nav-middle .search-box{border:1px solid #ccc;margin-right:15px;padding:8px 12px;border-radius:25px}.nav-middle .search-box input{width:400px;border:0;outline:0;background:transparent}.nav-middle .search-box img{width:15px}.nav-right img{width:25px;margin-right:25px}.nav-right .user-icon{width:25px;border-radius:50%}@media (max-width: 900px){.menu-icon,.nav-right img{display:none}.nav-right .user-icon{display:block;width:30px}.logo{width:90px}.nav-middle .search-box{width:100px}}.container{background:#f9f9f9;padding:20px 2% 20px 17%}.large-container{padding-left:7%}@media (max-width: 900px){.container,.large-container{padding-left:5%;padding-right:5%}}.sidebar{width:220px;background-color:#fff;padding:15px;position:fixed;height:100vh;overflow-y:auto;transition:all .3s ease-in-out}shortcut-links img{width:20px;margin-right:20px}.side-link{display:flex;align-items:center;margin-bottom:20px;width:fit-content;flex-wrap:wrap;padding:10px;cursor:pointer;transition:background .3s;border-radius:5px}.side-link:hover{background-color:#e2e6ea}.sidebar hr{border:0;height:1px;background:#ccc;width:30%}.side-link img{width:24px;height:24px;margin-right:10px}.side-link p{font-size:16px;color:#333;font-weight:500}.subsribed-list h3{font-size:13px;margin-top:20px;color:#5a5a5a}.subsribed-list img{width:25px;border-radius:50%;margin-right:20px}.small-sidebar{width:5%}.small-sidebar p,.small-sidebar h3{display:none}.side-link.active img{padding-bottom:2px;border-bottom:3px solid red}@media (max-width: 900px){.sidebar{display:none}.sortcut-links,.subsribed-list{display:flex;flex-wrap:wrap;justify-content:center}.side-link{display:flex;justify-content:center;flex-direction:column;padding:5px;text-align:center}.side-link img{width:40px;height:40px}.side-link p{display:block;font-size:12px}}.feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease-in-out}.card:hover{transform:scale(1.05)}.card img{width:100%;height:auto;object-fit:cover}.card h2{font-size:16px;font-weight:600;margin:10px;color:#000}.card h3{font-size:14px;font-weight:600;color:#555;margin:10px}.card p{font-size:12px;color:#777;margin:10px}@media (max-width: 900px){.feed{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.play-container{background:#f9f9f9;padding:20px 2%;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:20px}@media (max-width: 900px){.play-container{padding-left:5%;padding-right:5%}}.play-video{display:flex;flex-basis:69%;flex-direction:column;align-items:center;max-width:900px;padding:20px;margin:-15px}.play-video iframe{width:100%;height:37vw;border-radius:10px}.play-video h3{font-size:20px;font-weight:600;margin-top:10px}.play-video-info{display:flex;flex-direction:column;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:14px;color:#5a5a5a}.play-video-info p{font-size:12px;color:#555}.play-video-info div{display:flex;gap:8px;flex-wrap:wrap}.play-video-info span{display:flex;gap:5px;margin-left:15px}.play-video-info span img{width:20px;height:20px;margin-right:8px}.play-video hr{border:0;height:1px;background:#ccc}.publisher{display:flex;align-items:center;gap:10px;margin-top:20px}.publisher div{flex:1;line-height:18px}.publisher img{width:40px;height:40px;border-radius:50%;margin-right:5px}.publisher div p{color:#000;font-weight:600;font-size:18px}.publisher div span{color:#5a5a5a;font-size:13px}.publisher button{background-color:red;color:#fff;padding:8px 30px;border:none;border-radius:5px;cursor:pointer}.vid-description{margin:15px 0}.vid-description p{font-size:14px;color:#5a5a5a;margin-bottom:5px}.vid-description h4{margin-top:15px;font-size:14px;color:#5a5a5a}.comment{display:flex;align-items:flex-start;gap:20px;margin:20px 0}.comment img{width:40px;height:40px;border-radius:50%}.comment h3{font-size:14px;margin-bottom:2px}.comment h3 span{font-size:12px;font-weight:500;color:#5a5a5a;margin-left:8px}.comment p{font-size:12px;color:#777;margin-top:5px}.comment-action{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:14px}.comment-action img{width:20px;height:20px;margin-right:5px}.comment-action span{margin-right:15px;color:#5a5a5a}@media (max-width: 900px){.play-video{flex-basis:100%}.play-video iframe{width:100%;height:50vw}.vid-description{padding-left:0}.play-video,.play-video-info,span{margin-left:0;margin-right:15px;margin-top:15px}}.recommended{flex-basis:30%}.side-video-list{display:flex;justify-content:space-between;margin-bottom:8px}.side-video-list img{flex-basis:49%;width:50%;border-radius:8px}.vid-info{flex-basis:49%}.vid-info h4{font-size:13px;margin-bottom:5px}@media (max-width: 900px){.recommended{flex-basis:100%}}