:root {
            --colorfondo: #575b64;
            --colorfondooscuro: #373d48;
        }

        * {
            box-sizing: border-box;
            margin: 0px;
            padding: 0px;
            /* border: 1px solid black; */
        }

        body {
            background: black;

        }

        main {
            background: white;
            width: 1200px;
            /* height: auto; */
            margin: auto;
            display: grid;
            grid-template-columns: 2fr 3fr;
        }

        main>section {
            margin: 10px;

        }

        main>section>article {
            width: 100%;
            background: var(--colorfondo);
            color: white;
        }

        main>section>article>h2 {
            padding-left: 10px;
            background: var(--colorfondooscuro);
            color: white;
        }

        main>section>article>div>img {
            width: 100%;
            object-fit: cover;
            padding: 50px;
            text-align: center;
        }

        main>section ul {
            list-style: none;
            padding: 20px;
        }
main>section>article:last-child{
    padding-bottom: 20px;
}
 
.nivel{
    padding-bottom: 20px;
    text-align: right;
}
.graficos{
            margin: 6px;           
            display: grid;
            grid-template-columns: 50% 50%;
        }
.graficos div{
    height: 8px;
}
        .graficos div:first-child{
            background-color: #FFFFFF;
            color: #fff;

        }
        .graficos div:last-child{
            background-color: #000000;
            color: #000;
        }
/*Seccion derecha*/
        #contenido>div>article {
            padding: 0;
        }

        #contenido>div>article>h2 {
            border-top: 1px solid;
            border-bottom: 1px solid;
        }

        #contenido>div>article>ul {
            padding: 0;
        }

        #contenido>div>article>ul>li {
            background: white;
            color: black;
            display: grid;
            grid-template-columns: 1fr 4fr;
            padding: 5px;
        }

        @media (width < 768px) {
            main{
                width: 100%;
                grid-template-columns: 1fr;
            }
        }