.menu-box {
	max-width: 900px;
	margin: 30px auto;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #f9f9f9;
}

.menu-box>.menuaArea, .menu-box>.titleArea{
    display:flex;
    justify-content:center;
    align-items: center;
}

.menu-box>.menuaArea>div{
    flex:1 1 auto;
    display:flex;
    flex-wrap : wrap;
    justify-content:space-evenly;
    align-items:flex-start;
}

.menu-box>.menuaArea>div>a:hover{
    background-color: #357abd;
}
.sub-menu-buttons>a{
    display:inline-block;
    background-color: #4a90e2;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 8px;
    transition: background-color 0.3s;
    min-width: 130px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width:130px;
    height:70px;
    margin-top:5px;        
}

.sub-menu-buttons a.active{
    background-color: #e64a19;
}