html,
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url("../assets/img/background.gif");
  background-size: 2.5%;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  color: white;
}

#pageLayout {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "guideSide main scoreSide";
}

#gameContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: main;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#gameContainer form {
  position: absolute;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: main;
  top: 65%;
  left: 50%;
  width: 45%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#gameContainer form input {
  width: 35%;
}

.tableFixHead {
  overflow-y: auto;
  height: 400px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  padding: 8px 16px;
}

table th {
  background: grey;
  text-align: left;
}

table tbody tr {
  border-bottom: 2px solid grey;
}

#jkonsInvader {
  background-color: black;
}

#scoreSide {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: scoreSide;
}
#scoreSide #playerValues {
  background-color: black;
}

#scoreSide #playerValues {
  background-color: black;
}

img {
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: -o-pixelated;
      image-rendering: pixelated;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: guideSide;
  width: 75%;
}
/*# sourceMappingURL=styles.css.map */