.menu-horizontal {
    background-color: rgb(0, 48, 73);
    height: 15vh;
    display: flex;
}

.menu-horizontal ul {
    height: 100%;
    display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
}

.menu-horizontal button {
    color: white;
    font-size: 15px;
}

.div-logo {
    width: 20%;
    text-align: center;
    display: flex;
}

.div-logo a {
    width: 100%;
    color: white;
    display: flex;
        align-items: center;
        justify-content: center;
}

.div-logo img {
    width: 90px;
}

.div-pagina {
    width: 60%;
}

.div-pagina li {
    margin: 0 25px;
}

.div-usuario {
    width: 20%;
}

.principal {
    height: 85vh;
    width: 100%;
    display: flex;
        flex-direction: row;
}

.menu-lateral {
    width: 20%;
    overflow-y: auto;
}

.menu-lateral h3 {
    text-align: center;
    margin: 15px ;
    color: black;
}

.menu-lateral button {
    font-size: 15px;
    padding: 5px;
    width: 100%;
    text-align: left;
    box-shadow: 1px 1px #888888;
}

.menu-lateral button:hover {
    background-color: rgb(87, 87, 87);
    color: white;
}

.conteudo {
    margin-top: 10px;
    border-radius: 5px 0 0 0;
    background-color: rgb(87, 87, 87);
    overflow-y: auto;
    width: 80%;
    height: 100%;
    display: flex;
      flex-direction: column;
}

.conteudo #capa img{
    width: 100%;
}