#header-link:hover {
    color: #04A0AD;
}

#header-link {
    color: white;
}


.content {
    color: white;
    font-family: 'Roboto', sans-serif;
}

.content a {
    color: #04A0AD;
}


.blobaa-abbreviation {
    color: #04A0AD;
    font-style: italic;
}


/* Markdown */
.markdown {
    color: #505050;
}

.markdown h1 {
    font-weight: normal;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: black;
}

.markdown h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: normal;
    font-size: 1.5rem;
    color: black;
    text-align: center;
}

.markdown h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: normal;
    font-size: 1.17rem;
    color: black;
}

.markdown h4 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: normal;
    font-size: 1.1rem;
    color: black;
}

.markdown-header-link-link:hover {
    text-decoration: none;
}

.markdown-header-link-header:hover {
    color: #04A0AD;
}



/* Burger Button */
.dropdown-toggle:after { 
    content: none
}

.burger-button:focus {
    outline: none;
    color: "green";
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 6px;
    background-color: white;
    margin: 5px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


#burger-button-item {
    color: white;
    font-size: large;
}

#burger-button-item:hover {
    color: #04A0AD;
}

.burger-button:hover {
    cursor: pointer;
}