nav 
{
    margin: 100px auto;
    width: 50%;
    height: 100px;
    background: #48435C;
}
 
nav .main_pages 
{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
 nav .menu
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    text-decoration: none;
	font-weight: bold;
    font-family: Arial, sans-serif;
    color: white;
	background-color: white;
}
nav .main_pages a 
{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    text-decoration: none;
	font-weight: bold;
    font-family: Arial, sans-serif;
    color: #7E3E22;
	background-color: #D0CFB0;
	
}
 
nav a:hover 
{
    background: #D1CB08
}