body {
  max-width: 650px;
  margin: 0px auto;
  padding: 0 0px;
  font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #444;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

@media (prefers-color-scheme: dark) {
  body {
    color: #c9d1d9;
    background: #0d1117;
  }
  #homeIcon {
    color: rgba(255, 255, 255, 1);
  }


  a:link {
    color: #58a6ff;
  }

  a:visited {
    color: #8e96f0;
  }

  .modal {
    background: #3c3c3c;
  }
}

@media (prefers-color-scheme: light) {
  .modal {
    background: #fff;
  }
  #homeIcon {
    color: rgba(0, 0, 0, 54);
  }
}
.flex-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

.modal {
  max-width: 600px;
  
}

.pointsRow {
 text-align:center;
}
#homeIcon { 
  font-size: 28px; 
  float:right;
  text-decoration: none;
  margin-top:4px;
}

.gridRaceName {
  width:11em;
}
.gridNumber {
  width:4em;
}
@media only screen and (max-device-width: 1200px) {
  body {
    min-width: 100%;
    margin: 1em;
  }
  .gridNumber {
    width: 6em;
  }
  .gridRaceName {
    width:9em;
    font-size: 3.2vw; 
  }
  #table {
   /* font-size: 3.2vw; */
  }
  #standings {
    font-size:3vw;
  }
  .pointsRow {
   font-size:3vw;
  }
  #selectionTableHeader {
   font-size:3vw;
  }
}