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

  body{
  background-image: url('./img/mainbackground.png');
  animation: scroll 2s infinite cubic-bezier(.68,-0.55,.27,1.55);
  
}

@-webkit-keyframes scroll {
    from {background-position: 0px 0px;}
    to {background-position: 128px 128px;}
  }

#header{
    justify-content: center;
}

#menu{
    border-style: double;
    border-width: 20px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: white;
    margin-left: 5%;
    margin-right: 5%;    
}

#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;
}