body {
            background: linear-gradient(0deg, darkgoldenrod 0%, ghostwhite 100%);
        }

        h1,
        h2,
        h4,
        h5,
        h6,
        h7,
        h8,
        h9 {
            color: darkgoldenrod;
        }

        .font-weight-bold {
            font-weight: bold;
        }

        .bg-normal {
            background-image: linear-gradient(to right, darkgoldenrod, transparent);
        }

        .btn-normal {
            background-color: darkgoldenrod;
            color: white;
        }

        .text-normal {
            color: darkgoldenrod;
        }

        .text-gray {
            color: gray;
            font-size: small;
        }

        @keyframes wiggle {
            0% {
                transform: rotate(20deg);
            }

            50% {
                transform: rotate(-20deg);
            }

            100% {
                transform: rotate(20deg);
            }
        }
        .card {
            width: 350px;
            height: 400px;
            margin: auto;
            margin-top: 30px;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            display: inline-block;
            vertical-align: top;
            background-color: ghostwhite;
            border-bottom: 5px solid darkgoldenrod;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
            box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            transition: 1s;
            padding: 0px;
        }

        .card:hover {
            transform: translate(0px, -10px);
        }

        .card-image {
            width: 100%;
            height: 175px;
            margin: auto;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            margin-bottom: 30px;
            background-position-y: top;
            background-position-x: center;
            background-size: 150%;
            background-repeat: no-repeat;
        }

        .card-title {
            font-weight: bold;
            height: 30px;
            line-height: 30px;
            width: 100%;
            color: darkgoldenrod;
            font-size: 24px;
            text-decoration: none;
        }
        .card-link:hover {
            text-decoration: none;
            color: darkgoldenrod;
        }

        .card-text {
            padding: 30px;
            padding-bottom: unset;
            padding-top: unset;
            background: linear-gradient(to bottom, ghostwhite, white, ghostwhite);
        }