body {
    font-family: 'Space Grotesk', sans-serif !important; }

.blog-header{
    font-family: 'Space Grotesk', sans-serif !important;
}

.menu {
    color: #333;
    letter-spacing: 1px;
    font-weight: 700;
    transition: color .3s;
    opacity: 80%;
    line-height: 1.5;
    padding: .8rem .9rem;
}

.blog-top-bar{
    padding: 20rem;
}

.title{
    font-weight: 500 !important;
}

.blog-header a {
    color: #333 !important;
}

.blog-header a:hover{
    color: #7810da !important;
}

.top-bar a{
    color: #000000 !important;
}

.top-bar a:hover{
    color: #7810da !important;
}

.header-callout {
    margin: 0 0 1rem;
    padding: 7rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    position: relative;
    background: linear-gradient(to right, rgba(70, 21, 126, 0.8), rgba(143, 108, 186, 0.864)), url(../assets/svg/common-bg.svg);
}

.title{
    color: white;
}

.subheader {
    color:#cecaca !important;
}

.footer-text {
    font-size: 75% !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

#footer {
    padding: 0.3rem;
}

.post-image-container {
    display: grid ;
    justify-content: center ;
}

.label {
    border-radius: 4px !important;
    cursor: pointer !important;
}

.post-summary {
    margin-top: 1rem;
}