*CSS FILE*
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: #f4f4f4;
header {
background-color: #ddd;
padding: 20px;
text-align: left;
header h1 {
margin: 0;
font-size: 36px;
header p {
margin: 5px 0 0;
font-size: 18px;
nav {
background-color: #2b2b87;
padding: 10px;
text-align: left;
nav a {
color: white;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
.container {
display: flex;
padding: 20px;
}
main {
flex: 3;
margin-right: 20px;
section {
background-color: #fff;
margin-bottom: 20px;
padding: 15px;
border: 1px solid #ccc;
section h2 {
margin-top: 0;
background-color: #eee;
padding: 10px;
article {
background-color: #f9f9f9;
padding: 10px;
margin-top: 10px;
border: 1px solid #ccc;
aside {
flex: 1;
background-color: #ccc;
padding: 15px;
border: 1px solid #999;
height: fit-content;
footer {
background-color: #2b2b87;
color: white;
text-align: left;
padding: 10px;