/* CSS stylesheet for Central Records GUI Test Page */

body {
color: white;
background-color: black;
}


.logo {
  display: flex;
  justify-content: center;
}

.player-font {
  font-family: 'Press Start 2P';
  font-size: 20px;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  padding-bottom: 5px;
}

.grid-container {
  display: grid;
  justify-content: center;
  column-gap: 10px;
  row-gap: 10px;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-template-columns: 70px 70px 500px 70px 70px;
  grid-template-rows: 100px 400px 75px;

}

.grid-item-1 {
  scrollbar-width: none;
  background-image: url("navpic.jpg");
  background-size: cover;
  padding: 8px;
  grid-column: 1 / span 3;
  grid-row:  1 / span 1;
  overflow: auto;
  border-radius: 15px;
    box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}

.grid-item-2 {
  scrollbar-width: none;
  grid-column: 4 / span 2;
  grid-row: 1 / span 1;
  overflow: auto;
  border-radius: 15px;
    box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}

.grid-item-3 {
  scrollbar-width: none;
  background-image: url("static2.gif");
  background-size: cover;
  padding: 8px;
  grid-column: 1 / span 2;
  grid-row: 2 / span 2;
  overflow: auto;
  border-radius: 15px;
    box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}

.grid-item-4 {
  scrollbar-width: none;
  padding: 8px;
  grid-column: 3 / span 1;
  grid-row: 2 / span 1;
  overflow: auto;
  border-radius: 15px;
    box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}

.grid-item-5 {
  scrollbar-width: none;
  padding: 8px;
  grid-column: 4 / span 2;
  grid-row: 2 / span 2;
  overflow: auto;
  border-radius: 15px;
    box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}