.video-tiles-container{display:flex;flex-direction:column;gap:15px;margin:20px auto;width:100%}.video-tile{display:flex;border:1px solid #ccc;padding:10px;border-radius:5px;cursor:pointer;transition:background 0.3s}.video-tile:hover{background-color:#f9f9f9}.tile-left img{width:100px;height:100px;border-radius:5px}.tile-right{margin-left:15px;display:flex;flex-direction:column;justify-content:space-between}.tile-heading{font-size:18px;font-weight:bold;margin-bottom:10px}.tile-description{font-size:14px;color:#666;overflow:hidden;white-space:wrap;text-overflow:ellipsis}.tile-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.tile-footer .time-info{display:flex;align-items:center;gap:5px}.tile-footer .arrow{font-weight:bold;font-size:14px;color:#aaa}.post-right-text{height:400px;overflow-y:auto}@media (max-width:980px){.post-right-text{height:300px}}.bloc-post-right-section{height:400px;max-height:400px;overflow-y:auto}::-webkit-scrollbar{width:5px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.blog-post-image-viewer{height:400px;position:relative}.first-image{height:250px;width:auto}.second-image{position:absolute;height:250px;width:auto;bottom:0;right:0}@media (max-width:500px){.second-image{width:auto;height:250px}.first-image{width:auto;height:250px}.blog-post-image-viewer{height:400px}}.origin_post_image img{height:200px;width:fit-content}#main-content{background-color:black;color:white}#main-content h1,h2,h3,h4,h5{color:white}