body, html {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

#header{
    justify-content: center;
}

#menu{
    border-style: double;
    border-width: 20px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    
}

#menu div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px; /* Adjust margin as needed */
}

#menu h2 {
    text-align: center;
}

#menu h3 {
    text-align: center;
}