body {

    margin: 0;

    padding: 0;

    background-color: #f2f2f2;

    font-family: Arial, Helvetica, sans-serif;

    color: #333333;

}

.container {

    width: 80%;

    max-width: 900px;

    margin: 30px auto;

    background-color: white;

}

header {

    background-color: #222222;

    color: white;

    padding: 30px;

    text-align: center;

}

header h1 {

    margin: 0;

    font-size: 32px;

}

nav {

    background-color: #d63b2f;

    padding: 15px;

    text-align: center;

}

nav a {

    color: white;

    text-decoration: none;

    margin: 0 15px;

    font-weight: bold;

}

nav a:hover {

    text-decoration: underline;

}

main {

    padding: 30px;

    line-height: 1.7;

}

main img {

    display: block;

    width: 100%;

    max-width: 600px;

    height: auto;

    margin: 0 auto 25px auto;

}

main p {

    margin-bottom: 20px;

}

.button {

    display: inline-block;

    background-color: #222222;

    color: white;

    padding: 12px 20px;

    text-decoration: none;

}

.button:hover {

    background-color: #d63b2f;

}

footer {

    background-color: #222222;

    color: white;

    padding: 15px;

    text-align: center;

}

footer p {

    margin: 0;

}