.main_portfolio{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap}.filters{text-align:center;margin-bottom:20px}.filter-btn{background-color:#333;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer;transition:background-color 0.3s ease,transform 0.3s ease;border-radius:10px}.filter-btn:hover{background-color:#555;transform:scale(1.1)}.hidden{opacity:0;height:0;pointer-events:none;display:none!important}.main_portfolio_post{background:#FFF;margin-bottom:30px;margin-right:.5%;margin-left:.5%;width:calc(25% - 1%);overflow:hidden;border-radius:8px;box-shadow:0 8px 16px rgb(0 0 0 / 20%);transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;opacity:1}.main_portfolio_post:hover{box-shadow:0 2px 9px rgb(8 33 30 / 16%)}.main_portfolio_post img{width:100%}.main_portfolio_post header{padding:30px}.main_portfolio_post h1{font-weight:400;font-size:1.6em;margin-bottom:15px}.main_portfolio_post h1.portindex{font-size:1.6rem}.main_portfolio_post a{color:#ffbe00;text-decoration:none;overflow:hidden;max-width:100%}.main_portfolio_post a:hover{text-decoration:underline}.main_portfolio_post .tagline{font-size:.9em;color:#555}@media (max-width:64.188em){.main_portfolio_post{width:calc(50% - 2%);margin-right:1%;margin-left:1%;margin-bottom:20px!important}.main_portfolio_post img{width:100%}.main_portfolio_post header{padding:30px}.main_portfolio_post h1{font-size:1.8em}}@media (max-width:30em){.main_portfolio_post{width:calc(100% - 2%);margin-right:1%;margin-left:1%;margin-bottom:20px!important;text-align:center}.main_portfolio_post h1{font-size:1.6em}}