/* 1. Style for the whole body */
body {
    background-color: #c7c7c7;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* Font Family */
    color: #1d1d1f; /* Font Color */
    margin: 40px;
}

/* 2. Style for the Header Div */
#header-section {
    text-align: center;
    padding: 20px;
    border-bottom: 2px solid #333;
}

/* 3. Style for the List Div */
#list-section {
    background-color: white;
    padding: 20px;
    margin: 20px 0;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 4. Style for the Media Div (Positioning blocks) */
#media-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px;
}

/* Extra Style: Change header color specifically */
h1 {
    color: #000000;
    font-size: 48px;
}