.main_portfolio{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;flex-wrap:wrap;gap:1%}.main_title_content{display:flex;text-align:center;justify-content:center;align-content:center}.main_portfolio_title{text-align:center;font-size:3.5em;color:#3f51b5;font-weight:800;margin-bottom:15px;line-height:1.1;text-shadow:2px 2px 4px rgb(0 0 0 / .1);transition:color 0.3s ease,text-shadow 0.3s ease}.main_portfolio_description{text-align:center;font-size:1.3em;color:#4a4a4a;font-weight:300;margin-bottom:50px;transition:color 0.3s ease}@media (max-width:768px){.main_portfolio_title{font-size:2.5em}.main_portfolio_description{font-size:1em}}.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,color 0.3s ease;border-radius:10px}.filter-btn.active{background-color:#ffbe00;color:#333;transform:scale(1.1)}.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;width:calc(25% - 1%);overflow:hidden;border-radius:8px;box-shadow:0 8px 16px rgb(0 0 0 / 20%);transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease,background-color 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 h3{font-weight:400;font-size:1.6rem;margin-bottom:15px}.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;transition:color 0.3s ease}@media (max-width:64.188em){.main_portfolio{gap:2%}.main_portfolio_post{width:calc(50% - 2%);margin-bottom:20px}.main_portfolio_post h3{font-size:1.6rem}}@media (max-width:30em){.main_portfolio{gap:2%}.main_portfolio_post{width:100%;margin-bottom:20px;text-align:center}.main_portfolio_post h3{font-size:1.6rem}}.dark-mode .main_portfolio_title{color:#87CEFA;text-shadow:none}.dark-mode .main_portfolio_description{color:#B0B0B0}.dark-mode .filter-btn{background-color:#4F4F4F;color:#E0E0E0}.dark-mode .filter-btn:hover{background-color:#666}.dark-mode .filter-btn.active{background-color:#ffbe00;color:#1E1E1E}.dark-mode .main_portfolio_post{background:#1E1E1E;box-shadow:0 8px 16px rgb(0 0 0 / .5)}.dark-mode .main_portfolio_post:hover{box-shadow:0 2px 9px rgb(0 0 0 / .7)}.dark-mode .main_portfolio_post .tagline{color:#B0B0B0}