*{
    margin:0;
    padding:0;
}

body{
    background-color:darkgray;
}

header, .main, footer
{
    background-color:·fff;
    width:90%;
    max-width:1000px;
    margin: 20px auto;
}

.main{
    height:300px;
}

footer {
    background-color:darkblue;
    color: white;
    text-align:center;
}
.menu{
    background-color: #2c3e50;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
}

.menu a{
    float:left;
    color:white;
    text-align:center;
    padding:14px 16px;
    text-decoration:none;
    font-size:17px;
    transition: background-color 0.35;
}

.menu a:hover{
    background-color:brown;
    color: white;
}
.menu a.active{
    background-color:brown;
    color:white;
}