div.modal{z-index:2;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(36,37,38,.7);display:flex;align-items:center}div.modal>img{max-width:90%;max-height:90%;width:auto;height:auto}h1{display:flex;justify-content:center;align-items:center;text-align:center}main>div{display:flex;align-items:stretch;justify-content:center;margin-bottom:1rem}main>div>a{display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#f11212;color:#fff;font-size:1rem;text-decoration:none;border-radius:25px}main>div>h1{flex-grow:1}div.search>input{width:100%;height:2rem;padding:1rem;font-size:1rem}main>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:center;align-content:center;list-style:none;text-align:center}main>ul.marbles{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}main>ul>li{display:flex;flex-direction:column;align-items:center}main>ul>li>a{padding:1rem;text-decoration:none;cursor:pointer}h2{margin-top:1rem;font-weight:400}img{width:100%;height:225px;object-fit:cover}@media (max-width:900px){main>ul{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}