body {
    
    margin: 0;
    padding: 0;
    margin-left: 20px;
}
 .menu {
            width: 600px;
            margin: 50px 0;
        }

        .menu a {
            display: inline-block;
            width: 100px;
            padding: 10px;
            background: rgb(233, 42, 42);
            color: white;
            text-decoration: none;
            margin: 5px;
        }

        .menu a:hover {
            background: oldlace;
            color: black;
        }
/* top header */
#topHeader {
    background-color: #ddd;
    padding: 10px;
    text-align: right;
}

#topHeader a {
    margin-left: 20px;
    text-decoration: none;
    color: black;
}

/* navigation */
#navigation {
    background-color: #692d05;
    padding: 15px;
}

#navigation a {
    color: white;
    text-decoration: none;
    margin-right: 20px;
}

/* header */
#header {
    display: flex;
    background-color: #f2f2f2;
    padding: 20px;
}

.logo {
    width: 20%;
    background-color: rgb(177, 92, 18);
    text-align: center;
    padding: 30px;
}

.banner {
    width: 80%;
    background-color: rgb(246, 160, 55);
    text-align: center;
    padding: 30px;
}

/* main */
#main {
    display: flex;
    min-height: 400px;
}

/* sidebar */
#sidebar {
    width: 25%;
    background-color: #eee;
    padding: 20px;
}

#sidebar ul {
    padding-left: 20px;
}

/* content */
#content {
    width: 75%;
    padding: 20px;
    background-color: #fafafa;
}

.item {
    border: 1px solid gray;
    margin-bottom: 15px;
    padding: 15px;
}

/* footer */
#footer {
    background-color: #ae5c28;
    color: white;
    text-align: center;
    padding: 20px;
}