#all-projects-section{padding:0 0 100px}#all-projects-section .top-image{position:relative;width:100%;height:300px;background-position:center;background-size:cover;background-repeat:no-repeat}#all-projects-section .top-image:before{background-color:#0006}#all-projects-section .top-image .overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;display:flex;align-items:flex-end;padding-bottom:40px;z-index:30}#all-projects-section .app-wrapper{margin-top:60px;flex-direction:column}#all-projects-section .app-wrapper .category-filter{display:flex;flex-wrap:wrap;gap:20px;padding:0 18px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 900px) and (min-width: 600px){#all-projects-section .app-wrapper .category-filter{justify-content:center;margin:0 auto}}#all-projects-section .app-wrapper .category-filter .filter-info{padding:7px 5px 0 0;font-size:1;color:#fffc}#all-projects-section .app-wrapper .category-filter .category-item{font-family:var(--font-display);font-size:.9rem;padding:7px 18px;border-radius:.4rem;cursor:pointer;border-color:#fffc;border-width:1px;color:#fffc;background-color:transparent}#all-projects-section .app-wrapper .category-filter .category-item:hover{border-color:#fffc;color:#fffc}#all-projects-section .app-wrapper .category-filter .category-item.selected{border-color:var(--accent-light);color:var(--accent-light)}