h1 {font-size: 1.6rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.3rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 1.0rem;}

sidebar {
    margin-top: 132px;
}

hr.nav {
    width: 100%;
    color: gray;
  }

.video-playlist .videos .video {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    margin-top: 0.1rem;
    cursor: pointer;
    border-radius: 0.5rem;

}

.video-playlist .videos .video:hover {
    background-color: #fff3;
}
.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
    --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
    --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
  }