/* BODY STYLING */
body
{
font-family: Arial;
margin: 0;
text-align: center;
}

/* HEADER */
header
{
padding: 20px;
}

/* NAVIGATION */
nav a
{
text-decoration: none;
margin: 0 20px;
font-weight: bold;
}

/* GRID LAYOUT */
.container {
display: grid;
grid-template-columns: 300px 1fr;
grid-template-areas:
"categories featured"
"categories latest";
gap: 30px;
max-width: 1200px;
margin: auto;
padding: 20px;
}


/* GRID AREAS */
.categories {
/* ASIDE BORDER ROUNDED */
grid-area: categories;
border: 2px solid black;
border-radius: 10px;
box-shadow: 3px 3px 8px gray;
padding: 15px;
background-color: white;
}

/* CATEGORY IMAGES */
.categories img {
width: 100%;
height: auto;
border-radius: 9px;
}

/* FEATURED SECTION */
.featured
{
grid-area: featured;
}

/* LATEST SECTION */
.latest
{
grid-area: latest;
}

/* FOOTER */
footer
{
padding: 20px;
margin-top: 40px;
}