/* Limpiadores: resetean los valores predefinidos de la página*/
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body{
    /* width: 100vw; */
    height: 150vh;
    border: 10px double gray;
    border-radius: 10px;
    padding: 2px;

    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .header{
        width: 100%;
        height: 15%;
        border: 5px solid rgb(57, 206, 27);
        border-radius: 5px;
        padding: 2px;
    }

    .nav{
        width: 100%;
        height: 10%;
        border: 5px solid rgb(182, 61, 56);
        border-radius: 5px;
        padding: 2px;
    }

    .main{
        width: 100%;
        height: 150%;

        display: flex;
        flex-direction: row;
        gap: 2px;
    }
        .main__article{
            width: 70%;
            height: 100%;
            border: 5px solid rgb(50, 129, 220);
            border-radius: 5px;
            padding: 2px;

            display: flex;
            flex-direction: column;
            gap: 2px;
        }
            .article__content{
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                gap: 2px;
            }
                .content__section{
                    width: 100%;
                    height: 10%;
                    border: 5px solid rgb(124, 21, 227);
                    border-radius: 5px;
                    padding: 2px;
                }

        .main__div{
            width: 30%;
            height: 100%;
            border: 5px solid rgb(220, 139, 26);
            border-radius: 5px;
            padding: 2px;

            display: flex;
            flex-direction: column;
            gap: 2px;
        }
            .div__aside{
                width: 100%;
                height: 50%;
                border: 5px solid cyan;
                border-radius: 5px;
                padding: 2px;
            }

    .footer{
        width: 100%;
        height: 10%;
        border: 5px solid rgb(169, 220, 50);
        border-radius: 5px;
        padding: 2px;
    }

    /*CSS del texto*/
    p{
        font-size: large;
        font-weight: bold;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        padding-left: 5px;
    }