@import url("main.css");

.partituras {
    /* border: 1px solid green; */
}

.partituras .info {
    width: 90%;
    padding: 8px;
    margin: 0 auto;
    text-align: justify;
}

.partituras .info h1 {
    margin-bottom: 8px;
}

.partituras nav {
    width: 700px;
    min-height: 800px;
    padding: 8px 0;
}

.partituras nav > h1 {
    padding: 0 8px 8px;
}

.partituras ul li a {
    display: flex;
    align-items: flex-start;
    color: var(--color1);
    padding: 8px;
}

.partituras ul li a:hover {
    background-color: var(--color6);
    border-radius: 8px;
}

.partituras ul li span {
    padding-right: 8px;
    /* border: 1px solid cyan; */
}

.partituras ul li span:first-child {
    width: 55%;
    /* background-color: pink; */
}

.partituras ul li span:nth-child(2) {
    width: 45%;
    /* background-color: cyan; */
}














/* RESPONSIVE */
@media (max-width: 800px) {
    .partituras .info,
    .partituras nav {
       width: 100%; 
    }
}