body {
    margin: 0px;
    background: #000000;
}

canvas {
    /* display: block; */
    /* z-index: -1; */
    border: 0px;
    background: black;
}

h2 {
    font-family: monospace;
    color: #00ff00;
}

p, label {
    font-size: medium;
    font-weight: bold;
    font-family: monospace;
    color: #00ff00;
}

input, select {
    font-size: x-large;
    color: #0f0;
    font-family: monospace;
    font-weight: bold;
    background-color: #2a2a2a;
}

button {
    
    color: #0f0;
    font-family: monospace;
    font-weight: bold;
    background-color: #555555;
}

.scoreboard {
    /* display: block; */
    position: fixed;
    width: auto;
    /* height: 15px; */
    background: black;
    padding: 15px;
    font-size: medium;
    font-weight: bold;
    font-family: monospace;
    color: #00ff00;
}

.flex-container {
    display: flex;
    position: fixed;
    right: 0%;
    background-color: rgb(33, 33, 33);
    /* z-index: 10; */
  }
  
  .flex-container > div {
    align-self: center;
    background-color: #000000;
    margin: 10px;
    padding: 10px;
    /* font-size: 30px; */
  }

#start {
      display: inherit;
    }
#restart {
       display: none;
    }