#root{margin:0 auto;padding:0 1rem;text-align:center}body{background-color:brown;color:#fff;margin:0 8px}.card{cursor:pointer}.card:hover{transform:scale(1.1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding-top:100px}h1{margin:0}h3{margin:10px 0}header{position:fixed;text-align:center;width:100%;z-index:1;background-color:brown}header div{display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap}header button{position:absolute;right:30px;top:50%;background-color:#ffdb58;border:none;cursor:pointer;padding:5px 10px}header button:hover{opacity:.7}header .credit-link{position:absolute;left:0;top:30%;color:#fff;font-size:18px}