:root, [data-bs-theme="light"] {
    --bd-purple: #4c0bce;
    --bd-violet: #712cf9;
    --bd-accent: #ffe484;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bd-accent-rgb: 255, 228, 132;
    --bd-pink-rgb: 214, 51, 132;
    --bd-teal-rgb: 32, 201, 151;
    --bd-violet-bg: var(--bd-violet);
    --bd-toc-color: var(--bd-violet);
    --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
    --bd-callout-link: 10, 88, 202;
    --bd-callout-code-color: #ab296a;
    --bd-pre-bg: var(--bs-tertiary-bg);

    /*--transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);*/
    --transition: all 0.15s ease-in-out;
    --border-radius: 0.5rem;
}

[data-bs-theme="dark"] {
    --bd-violet: #9461fb;
    --bd-violet-bg: #712cf9;
    --bd-toc-color: var(--bs-emphasis-color);
    --bd-sidebar-link-bg: rgba(84, 33, 187, .5);
    --bd-callout-link: 110, 168, 254;
    --bd-callout-code-color: #e685b5;
}

.bd-navbar {
    padding: .75rem 0;
    background-color: transparent;
    transition: var(--transition);
}

.bd-navbar.scrolled {
    background-color: rgba(var(--bd-violet-rgb), 1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.3);
}


.color-header {
    --bd-pink-rgb: 214, 51, 132;
    padding: 1rem 0;
    background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%), radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%);
    background-color: rgba(var(--bs-body-bg-rgb));
}

.bi {
    font-size: 1.5rem;
}

#profile-picture {
    height: 200px;
    position: relative;
    z-index: 2
}

#profile-picture-wrapper{
    box-shadow: 0 10px 30px -15px black;
    transition: var(--transition);
    display: block;
    position: relative;
    border-radius: var(--border-radius);
    width: fit-content;
    margin: 0 auto 3rem;
}

#profile-picture-wrapper::after {
    border: 2px solid rgba(var(--bs-secondary-color-rgb), 0.75);
    top: 15px;
    left: 15px;
    z-index: 0;
}

#profile-picture-wrapper:hover::after {
    top: 10px;
    left: 10px;
}

#profile-picture-wrapper::before, #profile-picture-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.accordion-button::after {
    display: none;
}

.accordion-button.collapsed:hover {

  /*--bs-list-group-action-hover-color: var(--bs-emphasis-color);*/
  /*--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);*/
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-emphasis-color);
}