#root{max-width:1280px;margin:0 auto;text-align:center;font-family:Quicksand;color:#7f5539;background-color:#ede0d4}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:32px 0;flex-direction:row;font-family:Caveat;color:#7f5539}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;width:320px;height:480px;padding:24px 20px;display:flex;flex-direction:column;transition:box-shadow .2s}.card:hover{box-shadow:0 6px 24px #9c6644;width:340px;height:500px}.visual{height:350px;width:120 px;object-fit:cover;border-radius:12px;border-top:0px solid #9c6644;border-right:4px solid #9c6644;border-bottom:4px solid #9c6644;border-left:0px solid #9c6644}