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

body {max-width: 80rem; margin: auto;}

header {width: 100%; height: 10rem; background: #de20a4;}
nav {width: 100%; height: 2rem; background: #21a3af;}
main {width: 100%; background: #7cd67c}

section {width: 100%; height: 20rem; background: #21a3af; display:flex; justify-content: space-between; padding: 1rem;}
article {width: 49%; background: #d89500; height: 18rem;}


aside {width: 100%; height: 10rem; background: #7b8283; display:flex; justify-content: space-between; padding: 1rem;}
.a1 {width: 74%; background: #d89500; height: 8rem;}
.a2 {width: 24%; background: #d89500; height: 8rem;}

footer {width: 100%; height: 5rem; background: #147c8b; display:flex; justify-content: space-between;}