*
{box-sizing: border-box; margin: 0; padding: 0;}

header 
{display: block; width: 100%; background: blue; height: 6rem}

h1 
{text-align: center; padding: 1rem;}

main 
{background: blue ; display: flex; flex-wrap: wrap; height: auto; padding: 0.5rem;}

h4 
{font-size: 1 rem; }

section {background: #ad3eef; width: 100%; padding: 2rem; justify-content: space-between;}

h2 

{ font-size: 2 rem; text-align: center;}

.cien {width: 98%; background: rgba(255, 247, 58, 0.69); padding: 4rem; align-content: center;}

section .primero {display: flex; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;align-content: space-between;}

.treinta {background: rgba(255, 247, 58, 0.69); width: 30%; padding: 2rem; height: 20rem; margin: 1rem 1.6em 1rem 0 }

aside {display: block; width: 100%; background: pink ; height: 9rem}

h3 
{ margin: 2rem; }

footer
{display: block; width: 100%; background: rgba(255, 6, 6, 0.88); height: 15rem}