threexlone/snap-sizzle

1@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Poppins', sans-serif;5}6 7.recipe-card {8    transition: transform 0.3s ease, box-shadow 0.3s ease;9}10 11.recipe-card:hover {12    transform: translateY(-5px);13    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);14}15.ingredient-tag {16    background-color: #4ECDC4;17    color: white;18    padding: 0.25rem 0.5rem;19    border-radius: 9999px;20    font-size: 0.75rem;21    display: inline-flex;22    align-items: center;23    margin-right: 0.5rem;24    margin-bottom: 0.5rem;25    transition: all 0.2s ease;26}27 28.ingredient-tag:hover {29    background-color: #3aa89b;30    transform: translateY(-1px);31}32 33.error-tip {34    @apply text-sm text-gray-500 mb-1;35}36 37.error-tip:before {38    content: "•";39    @apply mr-2;40}41#camera-view {42    cursor: pointer;43}