#Projects,.blog-box{box-sizing:border-box}.blog-box,.blog-box:hover{transition:transform .2s!important}.tab-button.active,.tab-button:hover{background:linear-gradient(to left,#ff7e5f,#feb47b)}#Projects h1{text-align:center;font-size:50px;color:#fff;padding-top:43px}#Projects{background-color:#1e1e1e;min-height:100vh;max-height:fit-content;display:flex;align-items:center;flex-direction:column}#Projects a.blog-box,.blog-box{flex-direction:column;color:inherit;display:flex;text-decoration:none;cursor:pointer}#Projects a.blog-box *{text-decoration:none!important}#Projects ul{list-style:none}.blog-container{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:32px 32px;margin:32px auto 0}.blog-container:has(.blog-box:only-child){justify-content:center}@media (min-width:1101px){.blog-container{max-width:1250px!important}}.blog-box{width:340px;min-width:340px;max-width:340px;background-color:#fff;border:1px solid #ececec;border-radius:20px;margin:0;flex-grow:0;flex-shrink:0}.blog-box:hover{transform:scale(1.1)!important}.blog-img{width:100%;height:200px}.blog-img img{width:100%;height:100%;object-fit:cover;object-position:center;border-top-left-radius:20px;border-top-right-radius:20px}.blog-text{padding-right:20px;padding-left:20px;padding-bottom:20px;display:flex;flex-direction:column}.blog-year{padding-bottom:0!important;color:#ff7e5f;font-size:.95rem;display:inline-flex;align-items:center;flex-wrap:nowrap}.blog-text .blog-title{font-size:1.3rem;font-weight:500;color:#272727}.blog-text p{color:#9b9b9b;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.blog-readmore{margin-bottom:0!important;color:#000!important;font-weight:500!important}.blog-box:hover .blog-readmore,.blog-box:hover .blog-title,.blog-box:hover .technologies{color:#ff7e5f!important;transition:.2s!important}.blog-title{padding-top:0!important;margin-top:-8px!important;font-size:1.3rem!important;color:#0f0f0f!important;text-decoration:none}.technologies{color:#000!important}.project-tabs{display:flex;justify-content:center;margin:30px 0;gap:10px;flex-wrap:wrap}.tab-button{background-color:transparent;border:2px solid #feb47b;color:#fff;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;font-family:"Baloo 2",cursive;transition:.5s;outline:0}.tab-button:hover{transform:translateY(-2px)}.project-item.hidden,.project-item.hidden-filter{opacity:0;visibility:hidden;transform:scale(.95)}.tab-button.active{box-shadow:0 4px 5px #ff7e5f}.project-item{opacity:1;margin:0;transition:opacity .2s,transform .2s;visibility:visible}.project-item.hidden-filter{pointer-events:none}.project-item.show{opacity:1;visibility:visible;transform:scale(1);transition:opacity .3s,visibility .3s}@media (max-width:1250px) and (min-width:1101px){.blog-box{width:300px}.blog-box:hover{transform:scale(1)}#Projects{height:max-content}}@media (max-width:1100px) and (min-width:769px){.blog-container{max-width:800px!important;justify-content:center!important;gap:20px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important}.blog-box,.project-item{margin:10px 0!important}.blog-box{width:calc(50% - 10px)!important;max-width:350px!important}.blog-box:hover{transform:scale(1)!important}#Projects{height:max-content}}@media (max-width:768px){.blog-container{justify-content:center!important;gap:20px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}.blog-box{width:70%;max-width:400px}.blog-box:hover{transform:scale(1)}#Projects{height:max-content}}@media (max-width:550px){.blog-container{justify-content:center!important;gap:20px!important;margin-left:auto!important;margin-right:auto!important;padding-left:15px!important;padding-right:15px!important}.blog-box{margin:0;width:90%;max-width:350px}.blog-box:hover{transform:scale(1)}#blog{padding:20px}#Projects{height:max-content}}