html {
    scroll-behavior: smooth;
}

img.whitened {
    filter: grayscale(100%) contrast(140%) brightness(140%);
    height: 3.5rem;
    margin-right: 3rem;
    transition: 0.7s;
}

img.whitened:hover {
    filter: none;
}

.partners {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.partners > * {
    margin: 1rem;
}

.full-width {
    width: 100%;
}

/* .header-container::before {
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
} */

/* .blur-bg {
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
} */

.separator-line {
    /* height: 1px !important;
    color: white !important; */
    border-top: 1px solid white !important;
    /* border-radius: 120% 120% 120% 120%; */
    margin: auto;
    max-width: 59.5rem;
    /* border-top: 1px solid white; */
    /* content: ''; */
}

[dir=ltr] .md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary {
    border-left: 0.05rem solid var(--md-typeset-a-color);
}

[data-md-toggle=search]:checked~.md-header .md-search__overlay {
    /* background-color: #a406c039 !important;
    filter: blur(5px); */
    /* backdrop-filter: blur(7px) !important; */
    /* background-color: unset !important; */
}

.md-search__overlay {
    background-color: #00000000;
    opacity: 0;
}

.glightbox-container .gslide-inner-content {
    max-width: 53rem;
}
.md-typeset .md-button {
    border-radius: 0.7rem;
}

.md-source__repository {
    max-width: 100%;
}

.md-footer-meta {
    background-color: #000;
}

.md-typeset h1 {
    color: #fff;
}

.md-typeset h2 {
    color: #fff;
}

.md-typeset h3 {
    color: #fff;
}

/* Timeline */

.nt-timeline .nt-timeline-content {
    border-bottom: 0px solid #ffffff !important;
}

.timeline-education .nt-timeline-dot {
    background-color: #48D1CC !important;
}

.timeline-entrepreneurship .nt-timeline-dot {
    background-color: #800000 !important;
}

.timeline-outreach .nt-timeline-dot {
    background-color: #40ff00 !important;
}

.timeline-project .nt-timeline-dot {
    background-color: #9000ff !important;
}

.timeline-organizational .nt-timeline-dot {
    background-color: #FFA500 !important;
}
@media (max-width: 768px) {
    img.whitened {
        filter: grayscale(100%) contrast(140%) brightness(140%);
        height: 3.5rem;
        margin-right: 0;
        transition: 0.7s;
    }
    
    img.whitened:hover {
        filter: none;
    }
}