/*****************************************************/
/*********************** CLASS ***********************/
.navbar-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;
    background: #23232e;
    height: 80px;

   /* width:100%; margin: auto; padding-top: 2%; padding-bottom: 2%;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
}
.a-menu-header { text-decoration: none; color: #fff; transition: 0.3s }
.a-menu-header:hover { opacity: 0.7; }


.ul-menu-header { display: flex; list-style: none; text-align: center; }
.ul-menu-header .li-menu-header { letter-spacing: 3px; margin: auto 20px; }/*margin: 3vh 2vw 3vh 2vw;} /*Top, left, bottom, right*/

.ul-disciplinas-menu {
    background-color: #23232e;
    opacity: 0.94;
    list-style: none;
    color: paleturquoise;
    justify-items: center;
    position: absolute;
    top: 10rem;
    margin: auto -50px;
    padding: 25px;
}
.ul-disciplinas-profs {
    left: 100%;
    top: 0%;
    width: 100%;
    position: absolute;
    background: #23232e;
    list-style: none;
    padding: 10px;
    /*display: inline-block;*/
    align-items: center;
    text-align: start;
}
 /********************************/
/*PARTE DO BOTÃO MENU RESPONSIVO*/
.mobile-menu {
    display: none;
    cursor: pointer;
}
.mobile-menu div {
    width: 30px;
    height: 3.5px;
    background: #fff;
    margin: 6px;
    transition: 0.3s;
}
.ul-menu-header.active-menu-header {
    transform: translateX(0);
    display: flex;
}

/*Parte que forma o X do menu...*/
.mobile-menu.active-menu-header .line1 {
    transform: rotate(-50deg) translate(-8px, 8px);
}
.mobile-menu.active-menu-header .line2 {
    opacity: 0;
}
.mobile-menu.active-menu-header .line3 {
    transform: rotate(50deg) translate(-5px, -7px);
}



 /***************************************************/
/*********************** IDs ***********************/


/*.li-menu-header{ list-style: none; margin: 5px; }*/
/*FONTE...*/