.latest-post-list{display:flex;justify-content:flex-start;align-items:flex-start;gap:30px;margin-bottom:10px;flex-wrap:wrap}.latest-post-img{position:relative;width:100%;aspect-ratio:16/9;min-height:160px;max-height:220px;border-radius:16px;overflow:hidden;margin-bottom:15px}.latest-post-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;z-index:1;transition:var(--transition-1)}.latest-post-item{flex:0 0 calc(100% / 2 - 15px);scroll-snap-align:start;display:flex;flex-direction:column}.latest-post-item.active{display:block;animation:scaleUp .25s ease forwards}.latest-post-item>a{width:100%}.latest-post-item>a:hover .latest-post-img:before{background:#00000080}.latest-post-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.latest-post-item>a:hover img{transform:scale(1.1)}.latest-post-item-icon-box{--scale:0.8;transform:translate(-50%,-50%) scale(var(--scale));opacity:0;z-index:1}.latest-post-item>a:hover .latest-post-item-icon-box{--scale:1;opacity:1}@media (min-width:375px){.latest-post-img{height:auto}}@media (min-width:450px){.latest-post-img{height:auto}}@media (min-width:580px){.latest-post-img{border-radius:16px;max-height:260px}}@media (min-width:768px){.has-scrollbar::-webkit-scrollbar-button{width:100px}}@media (min-width:1024px){.latest-post-list{flex-wrap:nowrap;overflow:hidden}.latest-post-item{flex:0 0 calc((100% - 60px) / 3);max-width:calc((100% - 60px) / 3)}}.coding-item{padding:20px;z-index:1;overflow:hidden}.coding-item:before{inset:1px;background:var(--bg-gradient-jet);z-index:-1}.tech-stack-container{display:flex;flex-wrap:wrap;gap:15px;max-height:150px;padding:10px}#github-calendar{max-width:100%;overflow-x:hidden}#github-calendar .react-activity-calendar,#github-calendar svg{max-width:100%;height:auto!important}@media (min-width:580px){.coding-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:30px}}.service-item{padding:20px;z-index:1}.service-item:before{inset:1px;background:var(--bg-gradient-jet);z-index:-1}@media (min-width:580px){.service-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:30px}}