h2{font-size:2.5rem;font-weight:600;text-align:center;text-transform:uppercase;margin:3rem 0}.App{max-width:1000px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;margin-bottom:2.5rem}.img-wrapper{width:100%}.img-wrapper img{width:100%;height:200px;object-fit:cover}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:3rem}button{background:#fafafa;border:1px solid #eaeaea;padding:.7rem 1.2rem;border-radius:3px;cursor:pointer}button:hover{background:#eaeaea}p{font-size:1rem;margin:0 1rem}.pagination>li{list-style:none;border:.3px solid}.pagination>li>a,.pagination>li>span{float:left;padding:8px 20px;line-height:1.5;border:1px solid #ddd;margin-left:-1px}.pagination>li.active>a{color:#fff;background-color:#218838;border-color:#1e7e34}.pagination>li>a:hover{background-color:#218838;color:#fff;cursor:pointer}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0}