/* styles.css */

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

header, footer {
    background-color: #073dd1;
    color: white;
    text-align: center;
    padding: 10px;
}

header h1 {
    font-size: 2em;
    margin: 0;
}

footer {
    font-size: 0.8em;
}

.grid-container {
    display: grid;
    grid-template-areas: 
        'header header header'
        'sidebar1 article sidebar2'
        'footer footer footer';
    grid-gap: 10px;
    padding: 10px;
}

header {
    grid-area: header;
}

article {
    grid-area: article;
    background-color: #e9f0ea;
    padding: 20px;
}

aside#sidebar1 {
    grid-area: sidebar1;
    background-color: #e0f006;
    padding: 20px;
}

aside#sidebar2 {
    grid-area: sidebar2;
    background-color: #e0f006;
    padding: 20px;
}

footer {
    grid-area: footer;
}

img {
    max-width: 50%;
    height: auto;
}