main .works{width:90%;margin:auto}main .works h1{text-align:center}main .works>div{padding-bottom:.5rem}main .works .comingSoon{text-indent:1rem}main .works .workList{display:flex;flex-wrap:wrap;width:100%;margin:0;padding:0;list-style-type:none}main .works .workList .work{display:flex;flex-direction:column;align-items:center;width:45%;aspect-ratio:1/1;margin:1rem 2.5%}main .works .workList .work a{display:block;width:100%;height:100%;text-decoration:none}main .works .workList .work .thumbnail{width:100%;height:56%}main .works .workList .work .thumbnail img{width:100%;height:100%;object-fit:cover}main .works .workList .work .workData{width:100%}main .works .workList .work .workData .title{margin:.5rem 0;text-align:left}main .works .workList .work .workData .date{margin:.5rem 0;text-align:right}main .works .workList .work .workData :where(h4,p){margin:0}main .showMore{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0}main .showMore .showMoreButton{width:50%;text-align:center;text-decoration:none;background-color:#0000;color:#fff;border:2px solid #fff;padding:.5rem 1rem;border-radius:10px;cursor:pointer}@media (min-width: 680px){main .showMore{margin-top:3rem}main .works .workList .work{width:30%;margin:1rem calc(10% / 6)}}