html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Work Sans', sans-serif;
}

.card {
    margin-bottom: 20px;
    transition: transform 0.5s;
}

.card:hover {
    transform: scale(1.02); 
}

.card-img-top {
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.25rem;
}

.card-text {
    font-size: 1.1rem;
}
#producthead {
    margin-top: 100px;
    text-decoration: underline;
}

.card a{
    text-decoration:none ;
    color: black;
  }