:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:teal;--bg-main:#fff;--button-text:#fff;--text-main:#000;--active:#646cff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-main);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;margin:0 auto;padding:2rem}.recipe_grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%;padding:0;display:grid}.recipe_card{box-sizing:border-box;text-align:left;border-radius:20px;justify-content:space-between;max-width:500px;height:100%;margin:10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.recipe_card:hover{border-color:var(--bg-main);transform:translateY(-10px);box-shadow:0 10px 20px #0000c80d}.card_content{flex:1}.recipe_meta{color:var(--text-main)}.recipe_name{color:var(--primary);margin:0;font-size:24px;font-weight:600}.recipe_img{object-fit:cover;background-color:var(--bg-main);border-radius:20px}