:root {
    --drkgrn: #1b4750;
    --grn: #1d7874;
    --ltgrn: #679289;
    --tan: #F4C095;
    --red: #ff523b;
    --linen: #EFE6DD;
}

/* .navbar-brand {
    color: var(--tan);
    font-family: 'Chewy', system-ui;
} */

h5 {
    display: inline-block;
}

.offcanvas-title {
    color:#071E22;
    font-family: 'Hind Siliguri', sans-serif;
}

body {
    background-color: var(--linen); 
}
.card {
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

.list-group-item{
    text-align: left;
    font-family: 'Inria Serif', serif;
    font-size: 17px;
}

.list-body-secondary{
    font-family: 'Hind Siliguri', sans-serif;
}

.card-container{
    display: flex;
    text-align: center;
    justify-content: center;
}

.card-title{
    text-align: center;
    justify-content:center;
    /* align-items: center; */
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 20px;
    color: var(--drkgrn);
}

.add-btn{
   margin-bottom: 15px;
   background-color: #1d7874;
   width: 25px;
   height: 25px;
   color: var(--linen);
   text-decoration: none;
   border-radius: 30%;
   position: absolute;
   top:5px;
   right:5px;
}

img { 
    float:right;
}

.nav-item {
    font-family:'Hind Siliguri', sans-serif;
}

/* shared cookbook titles */
.mb-1{
    font-family: 'Inria Serif', serif;
    font-size: 17px;
}


#offcanvasNavbarLabel{
    font-family: 'Hind Siliguri', sans-serif;
}

#card2-title{
    font-size: 20px;
    color:#1b4750;
    text-align: center;
    width: 80%;
    justify-content:space-evenly;
    align-items: center;
    font-family: 'Hind Siliguri', sans-serif;
}

#settings-card.visible-false {
    display:none;
}

#profile{
    text-align: left;
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
}