@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Alice&family=Montserrat:wght@400;700&display=swap");body,html{margin:0;padding:0}.container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:0;margin-left:auto;margin-right:auto}.container,.home-ad{justify-content:center}.home-ad{display:flex;margin-top:10px}.home-ad-1{display:none}.thumbnil{width:100%;height:260px;border-radius:7px;margin-top:40px}.title{font-family:Roboto,Arial,Helvetica,Sans-Serif;text-align:left;margin:10px 10px 10px 0;font-size:18px;font-weight:600;padding-top:10px;color:#0b1215;box-sizing:border-box}.thumbnil:active{opacity:.8}.title:active{color:skyblue}.img-container{position:relative;text-align:center}.video-time{position:absolute;bottom:18px;right:16px;color:white;background-color:rgba(0,0,0,.5);padding:3px}.tag,.video-time{font-size:12px;border-radius:2px;font-weight:700}.tag{font-family:Montserrat,Arial,Helvetica,Sans-Serif;color:rgb(194,30,30)}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px}.pagination-link{padding:8px 15px;background-color:#8d021f;color:white;text-decoration:none;font-weight:700;border-radius:5px;transition:background .3s ease-in-out}.pagination-link:hover{background-color:#cc0000}.current-page{font-size:16px;font-weight:700;color:#333}.category-h3{text-align:center;font-size:30px;font-weight:700;margin-top:20px;font-family:Roboto,Arial,Helvetica,Sans-Serif}@media only screen and (max-width:600px){.container{display:block;padding:0 10px 10px}.thumbnil{height:200px}.title{font-size:16px}.category-h3{font-size:20px}.home-ad-1{display:block}.home-ad-2{display:none}}