:root {
    --font-body-family: "Merriweather Sans", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 300;
    --font-heading-family: "Merriweather Sans", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-body-scale: 1.0;
    --font-heading-scale: .6;
    --color-base-text: rgba(84, 72, 75, .9);
    --color-white-text: rgb(255, 255, 255);
    --color-foreground: var(--color-base-text);
    --color-background: rgb(255, 255, 255);
    --btn-primary: rgb(221, 119, 140);
    --btn-hover : rgb(255, 215, 213);
    --purple: rgb(120, 36, 91);
    
}

@media (max-width: 991px) {
    .sidebar {
        background-color: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(10px);
    }
}

.btn-primary {
    --bs-btn-bg: var(--btn-primary);
    --bs-btn-border-color: none;
    --bs-btn-hover-bg: var(--btn-hover);
}

.btn {
    font-weight: var(--font-body-weight);
}

.btn-lg {
    --bs-btn-font-size: 1rem;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    /* font-family: var(--font-heading-family); */
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale)* .06rem);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3 / max(1, var(--font-heading-scale)));
    word-break: break-word;
}

h2, .h2 {
    font-size: calc(var(--font-heading-scale)* 2rem);
}

@media only screen and (min-width: 750px) {
    h2, .h2 {
        font-size: calc(var(--font-heading-scale)* 2.4rem);
    }
}

body {
    letter-spacing: 0.06rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    color : var(--color-base-text);

} 

p {
    color:var(--color-base-text);
}

@media screen and (min-width: 750px) {
    body {
        font-size: .9rem;
    }
}

.divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(221, 119, 140, 1);
}

.bd-mode-toggle {
    z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}

.navbar-brand img {
    max-width: 180px;
}

.nav-link {
    color: var(--color-base-text);
    font-size: .85rem;
}

.home-hero {
    background: url("/_img/Life_is_Short_-_Get_the_Yarn_2.webp");
}

.blog__title {
    margin: 0;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
    font-size: 3.5rem;
    }
}

.about {
    background-color: var(--purple);
    color: var(--color-white-text);
}

.about p {
    color: var( --color-white-text) !important;   
}

/* .embed-responsive {
    position: relative;
    padding-top: 56.25%;
  } */

@media screen and (min-width: 750px) {
    .youtube-for-blog {
        width:600px;height:350px;
    }
}

@media screen and (max-width: 749px) {
    .youtube-for-blog {
        width:100%;            
        min-height:200px
    }
}

.footer, .footer p {
    background-color: var(--btn-primary);
    color: var( --color-white-text) !important;
} 

.footer .nav-item a, .footer a,  .footer a svg.bi {
    color: var( --color-white-text) !important;
}

.copyright {
    font-size: .7rem;
}