body {
    font-family: Arial, sans-serif;
    margin: 0; /* Important for removing default browser margins */
    padding: 0;
    background-color: #f4f4f4;
    /* Remove margin-left from body here if you manage it on main */
}

header {
    background-color: #333;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

header .logo {
    width: 100px;
}

main {
    /* Apply desired padding and margin to the main content area */
    padding: 20px; /* Space inside the main content */
    text-align: left; /* Aligns text within the main content */

    /* To achieve your 35px left margin for the *content*, and optionally center it */
    max-width: 1000px; /* Or whatever width you prefer for your content */
    margin-left: 35px; /* Your desired left margin */
    margin-right: auto; /* Pushes content to the left with max-width. Use 'auto' if you want it to flow naturally */
    /* If you want it centered with a max-width, use: margin: 0 auto;
       But if you want a fixed left margin, just margin-left is fine */
}

footer {
        margin-left: 35px;
}