body {

     /*background-color: #eae6e3;
    color: #292131;*/
 }

 header,
 footer {
     /*   background-color: #0dcaf0;
    color: white;*/
     padding: 0px;
 }

 .app_container {
     background-color: #eae6e3;
     color: #292131;
     min-height: 400px;
 }

 

 .menu-container {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     margin-top: 0px;
     padding:10px;
      
 }

 .menu-item {
    background-color: #c7cbc8;
    
     
     border-radius: 10%;
     margin: 20px;
     padding: 1px;
     width: 140px;
     height: 140px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     transition: background-color 0.3s ease;
 }

 .menu-item:hover {
     background-color: #9eced0;
 }

 .menu-item img {
     max-width: 100%;
     max-height: 100%;
     border-radius: 10%;
 }

 .menu-link {
    text-decoration: none;
    color: #292131;
    margin:10px;
    text-align: center;
}

.menu-link:hover {
     
    background-color: #292131;
    color: #fbfbfb;
    
}