.projects[data-v-617fe0a0]{width:100%;display:flex;flex-direction:column;padding-inline:10%;justify-content:center}.projects-grid[data-v-617fe0a0]{display:flex;width:100%;flex-wrap:wrap;justify-content:left}.project-box[data-v-617fe0a0]{position:relative;border-radius:20px;max-width:300px;flex-grow:1;min-height:50px;margin:10px;box-shadow:0 2px 3px rgba(0,0,0,.2);transition-duration:.3s;cursor:pointer;overflow:hidden;animation:zoom-in .1s}.project-box[data-v-617fe0a0]:hover{box-shadow:0 2px 20px rgba(0,0,0,.3)}.project-banner[data-v-617fe0a0]{position:relative;width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:15px;box-shadow:0 2px 2px rgba(0,0,0,.3)}.project-box:hover .project-banner[data-v-617fe0a0]{filter:brightness(80%)}.project-title[data-v-617fe0a0]{position:absolute;display:block;top:40px;width:100%;text-align:center;z-index:2;font-weight:700;color:hsla(0,0%,100%,.87);padding-inline:20px;word-break:break-all}.project-date[data-v-617fe0a0]{color:#9c9c9c;margin:10px;display:block}.filter-list[data-v-617fe0a0]{overflow:hidden}.filter-box[data-v-617fe0a0]{width:100%;margin:10px;display:flex;padding:0;overflow:hidden}.checkbox-body[data-v-617fe0a0]{width:-moz-fit-content;width:fit-content;padding:10px}.icon[data-v-617fe0a0]{margin:0}.column[data-v-617fe0a0]{padding:0}button[data-v-617fe0a0]{border-radius:0}@media only screen and (max-width:900px){.projects[data-v-617fe0a0]{padding:0}.project-box[data-v-617fe0a0]{width:95%;max-width:100%}}