.pais {
    width: 20%;
}

article
{
    font-size: 100%;
    padding:0.5%;
    padding-right: 10%;
}

section {
    margin-top: 15px;
    margin-bottom: 15px;
}

.habilidades{
    margin-top: 2%;
    padding: 10px;
    border: 1px solid;
    border-color: grey;
    border-radius: 15px;
}

ul li::marker {
    font-size: 0px;
}

ul{
    font-size: 20px;
    font-weight: normal;
}

ul li {
    font-size: 80%;
    font-weight: lighter;
}

.pais{
    width: 15%;
}

@media screen and (min-width: 600px) {


    section {
        font-size: x-large;
    }

    ul {
        width: 100%;
        margin-top: 2%;
        margin-bottom: 10px;
        padding: 10px;

        border: 1px solid;
        border-color: grey;
        border-radius: 15px;

        font-size: x-large;
    }

    ul li {
        padding-left: 30px;
    }

    .habilidades {
        display: flex;
        justify-content: space-around;
        border: 0px;
    }

    .idiomas{
        display: flex;
        flex-direction: row;
        margin-bottom: 10%;
    }

    .paises {
        display: flex;
        flex-direction: column;
        padding-left: 20%;
    }

    .pais{
        width: 50%;
        margin-top: 20px;
    }

    .idioma {
        margin-top: 8%;
        margin-bottom: 13%;
    }


}