body{background: #ffffff; font-family: Arial; }
header{ display: flex; background-color: pink; justify-content: center}
main{ display: flex; border-color: blueviolet; flex-direction: column }
section{ width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; background-color: blueviolet; font-size: 2rem; text-align: center}
div { display: flex; justify-content: center; flex-wrap: nowrap; font-size: 2rem; padding: 2rem}
aside { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; background-color: orange; font-size: 2rem; text-align: center}
footer { font-size: 2rem; background-color: red; text-align: center;}
.section-article-1{ display: flex; width: 100%; background-color: yellow; justify-content: center; flex-wrap: nowrap; margin: 2rem 2rem 2rem 2rem; padding: 5rem}
.others-articles { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 2rem}
.section-article-2{ width: 30%; background-color: yellow; margin: 2rem 2rem 2rem 2rem; padding: 5rem}
.section-article-3{ width: 30%; background-color: yellow; margin: 2rem 2rem 2rem 2rem; padding: 5rem}
.section-article-4{ width: 30%; background-color: yellow; margin: 2rem 2rem 2rem 2rem; padding: 5rem}





/* Menu Principal*/
header nav {}
header nav ul {display: flex; padding: 0;}
header nav ul li {list-style-type: none;}
header nav ul li a{ padding: 1rem; background: #0000ff; margin: 1rem 1rem 1rem 0rem;}
header nav ul li a:hover{ background: "460086"; color: #fff;}