#section-1{
    position:sticky;
    top:0px;
    z-index: 10000;
}
        #titles {
            width: 100%;
            text-align: center;
            margin-top: 15px;
            font-weight: bold;
            font-size: 40px;
            color: #000000;
        }

        hr {
            height: 5px;
            border: none;
            background-color: black;
            margin: 20px auto;
            width: 100%;
        }

        .fade-in {
            opacity: 0;
            animation: fadeIn 0.5s ease-in-out forwards;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

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

.section{
    font-family: Georgia, 'Times New Roman', Times, serif;
}
#img1{
    height: 300px;
    width: 415px;
}
#img2{
    height: 300px;
    width: 415px;
}
#img3{
    height: 300px;
    width: 414px;
}
#img5{
    height: 300px;
    width: 415px;
}
#img6{
    height: 300px;
    width: 415px;
}
#img7{
    height: 300px;
    width: 415px;
}
.card{
    height: 550px;
}
.card1{
    height: 657px;
}