html{
    background-color: #3d6499;
}
section{
    background-color: #3d6499;
}

a{
    font-family: 'Droid Serif', serif;
    color: #303030 !important;
}

p{
        font-family: 'Montserrat', sans-serif !important;
    color: #303030 !important;
}
.introImg{
    border-radius: 2%;
    height: 500px;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headingStyle{
    font-family: 'Droid Serif', serif;
    color: #303030 !important;
}
.bodyStyle{
    font-family: 'Montserrat', sans-serif !important;
    color: #303030 !important;
}

.navBar{
    background-color: #3d6499!important;
    color: #f8f6f1 !important;
}

.button:hover{
    background-color: #3d6499;
}
.button{
    font-family: 'Montserrat', sans-serif !important;
    background-color: #3d6499;
    color: #f8f6f1;
}
.BlogContainer{
    display: grid;
    grid-template-columns: 500px repeat(14, 100px);
}
.BlogSection{
    background-color: #3d6499;
    color: #f8f6f1 !important;

}

.BlogSection a{
    color: #f8f6f1 !important;
    text-decoration: none;
}


.BlogSection button{
    color: #f8f6f1 !important;
    text-decoration: none;
}