#fullCardBorder{
            border-radius: 25px;
            background-position-y: -1px;
            overflow: hidden;
            }
            #fullCardBorder:hover > #bottomCardBorder{
            background-color: Gainsboro;
            transition: background-color 0.5s;
            -webkit-transition: background-color 0.5s;
            -o-transition: background-color 0.5s;
            -moz-transition: background-color 0.5s;
            }
            #fullCardBorder:hover > #imgCardBorder{
            transform: scale(1.05);
            -ms-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            }

            #bottomCardBorder{
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            background-color: GhostWhite;
            transition: background-color 0.5s;
            -webkit-transition: background-color 0.5s;
            -o-transition: background-color 0.5s;
            -moz-transition: background-color 0.5s;
            }
            #imgCardBorder{
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            transition: transform 0.5s;
            }

            .col a:hover{
            color: black !important;
            }

            .col a{
            text-decoration: none !important;
            color: black !important;
            }

            @font-face {
            font-family: 'Montserrat';
            src: url('../includes/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
            }

            #body {
                padding-top: 100px;
            }

            .navbar ul li a:hover {
                color: gold;
                -webkit-text-stroke: 0.5px gold;
            }

            .navbar ul li a:focus {
                -webkit-text-stroke: 0.5px gold;
                color: gold;
                outline: none;
            }

            .navbar a.dropdown-item {
                color: black;
            }

            .navbar a.dropdown-item:hover {
                color: black !important;
                -webkit-text-stroke: 0.5px black;
            }

            .navbar {
                position: fixed; /* Set the navbar to fixed position */
                top: 0; /* Position the navbar at the top of the page */
                width: 100%;
                transition: 0.1s;
                background: rgba(27,27,27,1);
                z-index: 1050;
            }

            a.navbar-brand {
                color: (255,255,255);
                font-size: 25px;
                margin-top: -3px;
                padding-left: 15px;
                font-weight: 700;
            }

            .navbar a {
                /* nav text color*/
                color: rgb(235,235,235);
                font-family: 'Montserrat', 'open-sans', sans-serif;
            }

            .navbar li {
                padding-right: 10px;
            }

            /* CSS to prevent selection for navbar brand name*/
            .noselect {
            -webkit-touch-callout: none; /* iOS Safari */
                -webkit-user-select: none; /* Safari */
                -khtml-user-select: none; /* Konqueror HTML */
                -moz-user-select: none; /* Old versions of Firefox */
                    -ms-user-select: none; /* Internet Explorer/Edge */
                        user-select: none; /* Non-prefixed version, currently
                                            supported by Chrome, Edge, Opera and Firefox */
            }

            .accordion-button:focus {
            outline: none;
            box-shadow: none;
            z-index: 1;
            }
            .accordion-header {
            outline: none;
            box-shadow: none;
            z-index: 1;
            }

            .accordion-header:focus {
            outline: none;
            box-shadow: none;
            z-index: 1;
            }

            #wrapper {
            position: relative;
            text-align: center;
            color: white;
            }

            #centered {
            position: absolute;
            top: 35%;
            left: 50%;
            transform: translate(-50%, -50%);
            }

            #topText {
                font-size: 80px;
                font-family: 'Roboto', 'open-sans', sans-serif;
                font-weight: 700;
                font-style: italic;
            }

            #content{
                height: 1000px;
                background-color: red;
            }

            .col a{
                text-decoration: none !important;
            }

            #card{
                height: 400px;
            }

            #cardBorder{
                border-radius: 5%;
                border: none;
                background-position-y: -1px;
            }

            #cardText{
                font-family: 'Montserrat','sans-serif';
                padding-left: 10%;
                padding-top: 75%;
                font-size: 50px;
                text-shadow: 0px 0px 7px black;
            }

            #cardText:hover{
                color: gold;
            }

            .bd-placeholder-img {
                font-size: 1.125rem;
                text-anchor: middle;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }

            @media (min-width: 768px) {
                .bd-placeholder-img-lg {
                font-size: 3.5rem;
                }
            }

             .carousel-image {
                display: block;
                height: 200px;
                /* set min-width,
                    allow images to determine cell width */
                min-width: 100px;
                max-width: 100%;
                margin-right: 100px;
            }
            .carousel{
                background-color: #f8f9fa;
            }