:root > *{
    --title-color : #eb348c;
}

.md-header,
.md-tabs {
    background : linear-gradient(90deg, #07085B 0%, #9130E5 58%, #F9BF0E 150%);
}

.md-typeset h1,h2 {
    color: var(--title-color);
    font-family: "Space Grotesk";
    font-style: normal;
}



.md-typeset h1 {
    font-size: 2rem;
    font-style: medium !important;
    font-weight: 800;
}

.md-typeset h2 {
    font-size: 1.3rem;
    font-weight: 700;
}

.md-typeset h3 {
    font-size: 1rem;
    font-weight: 700;
}

.md-typeset text {
    font-family: "Open Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Make the tables take the full width of the page */
.md-typeset__table {
    min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
}

 /* All ul under a nav with data-md-level = 0 */
nav[data-md-level="0"] ul > li {
    /* color: var(--title-color); */
    font-weight: 500;
    font-size: 0.85rem;
    cursor:pointer;
}


nav[data-md-level="1"] ul > li > a {
    font-weight:normal;
    font-size: 0.8rem;

}

.rotate-135 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rotate-315 {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}



.shadow_img {
    /* Shadow under, 2px, #000, 25% */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4);
}