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

header, footer {
    background-color: #028A0F;
    color: gold;
    padding: 1em;
    text-align: center;
}

.container {
    display: flex; /* Enables Flexbox for layout */
    margin: 20px auto; /* Centers the container */
    max-width: 960px; /* Limits overall width */
    gap: 20px; /* Adds space between columns */
}

.main-content {
    flex: 2; /* Takes up 2 parts of available space */
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.sidebar {
    flex: 1; /* Takes up 1 part of available space */
    background-color: #eee;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}