.card-img-top {
            height: 225px;
            object-fit: cover;
        }

        .card-img-top {
            height: 225px;
            object-fit: cover;
            filter: brightness(0.7);
        }

        .card{
            max-width: 400px;
            text-align: center;
            box-shadow: 8px 8px 8px rgba(0,0,0,0.35); /* offsetX offsetY blur color */
        }

        .back-color{
        background: linear-gradient(to right,rgb(216, 232, 255),rgb(223, 223, 223));
        border-radius: 5px;
        }

        .navbar{
            background:linear-gradient(to right,rgb(250, 255, 245),rgb(175, 175, 174));
            color: black;
            box-shadow: 8px 8px 8px rgba(0,0,0,0.35); 
        }