#root{max-width:1280px;margin:0 auto;padding:2rem}.App{text-align:center;padding:20px}.toolbar{display:flex;margin-bottom:20px}.filter-button{padding:8px 16px;margin:0 5px;border:1px solid rgb(94,94,94);cursor:pointer;background-color:#fff;color:#5e5e5e}.filter-button.active{background-color:#5e5e5e;color:#fff}.filter-button:hover{border:1px solid black;box-shadow:0 2px 5px #0003}.project-list{column-count:3;column-gap:20px;margin:20px auto}.project-card{margin-bottom:20px;width:100%;display:flex}.project-card:hover{box-shadow:0 2px 5px #0000001a}.project-card img{width:100%;height:100%;height:auto}@media (max-width: 768px){.project-list{column-count:2}}@media (max-width: 480px){.project-list{column-count:1}}