@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manjari:wght@100;400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem;
}

a {
    text-decoration: none !important;
    color: #ef7c8e !important;
}

a:hover {
    color: #ef7c8e !important;
    text-decoration: underline !important;
}

a.navbar-brand,
a.navbar-brand:hover {
    font-family: 'Roboto Slab', serif !important;
    text-decoration: none !important;
}

a.navbar-brand img {
    vertical-align: middle !important;
}

a .bi {
    margin-right: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', serif !important;
}

h1.post,
h2.post,
h3.post,
h4.post,
h5.post,
h6.post {
    font-family: 'Manjari', serif !important;
}

p {
    font-family: 'Manjari', serif !important;
}

.card .card-title a {
    font-family: 'Manjari', serif !important;
}

.card .card-subtitle a {
    font-size: 0.8rem;
    font-weight: 400;
    margin-right: 4px;
}

.card .card-subtitle a i {
    color: #333;
    vertical-align: middle;
}