body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #000000;
}

#app {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Style for the form container */
#inputForm {
    position: absolute; /* Positioning relative to its positioned ancestor */
    top: 50%;          /* Push down from the top half of its parent */
    left: 50%;         /* Push from the left half of its parent */
    transform: translate(-50%, -50%); /* Center the form */
    z-index: 10;       /* Ensure it's above the game canvas */
    display: none;     /* Initially hidden */
  }
  
  /* Style for input fields */
  #inputForm input[type="text"] {
    width: 200px;      /* Width of the text input */
    padding: 10px;     /* Padding inside the text input */
    margin: 5px 0;     /* Margin for spacing around the input */
    border: 1px solid #ccc; /* Border color and width */
  }
  
  #inputForm select {
    width: 200px;      /* Width of the text input */
    padding: 10px;     /* Padding inside the text input */
    margin: 5px 0;     /* Margin for spacing around the input */
    border: 1px solid #ccc; /* Border color and width */
  }

  /* Style for labels */
  #inputForm label {
    color: #009999;
    font-family: 'Verdana';
    font-size: '24px';
  }
  
  /*
  #inputForm button {
    background-color: #006666;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    }
*/
    button {
      background-color: #009999;
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      }
  

  /* Hover effect for button */
  #inputForm input[type="button"]:hover {
    background-color: #218838; /* Darker shade on hover */
  }
  
  @font-face {
    font-family: 'CustomFont';
    src: assets/fonts/CustomFont.ttf;
  }