* {
  box-sizing: border-box;
}

html {
  height: 100%;
  width: auto;
}

body {
  height: 100%;
  width: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content auto;
  grid-template-areas: "header"
                       "main";
  margin: 0;
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  background-color:rgba(100, 149, 237, 0.25);
/*
  display: flex;
  flex-direction: column;
*/
}

header {
  grid-area: header;
}

main {
  grid-area: main;
  width: 100%;
}

hr {
  color:cornflowerblue;
}



/* ========================= */
/* START: Site Nav Bar */
/* ========================= */
.main-header {
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
}

.main-header-topline {
  background-color: dodgerblue;
  display: flex;
  flex-shrink: 1;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

.main-logo {
  flex-shrink: 1;
}

#main-title {
  font-family:'Times New Roman', Times, serif;
  font-size:4rem;
  font-style:italic;
  flex-shrink:1;
  text-overflow: clip;
  font-weight: 800;
  margin: 0rem;
  text-align: left;
}

#main-byline {
  font-family:'Times New Roman', Times, serif;
  margin-top: 0rem;
  font-style:italic;
  text-align: left;
}

.main-nav {
  display:flex;
  flex-shrink: 1;
  margin-bottom: 2px;
  justify-content: space-between;
}


.main-nav__items {
  display: flex;
  flex-shrink: 1;
  justify-content: space-around;
  align-items: center;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.main-nav__item {
  display: inline-block;
  text-align: center;
  padding: 0rem 1rem;
  flex-shrink: 1;
}




#goto-settings-div {
  flex-basis: 60px;
  flex-shrink: 1;
  flex-grow: 0;
}

#goto-settings {
  width: 4rem;
}

/* ========================= */
/* START: Site Nav Bar */
/* ========================= */


#match-headline {
  position:relative;
  background-color: rgb(80, 79, 79);
  color:aliceblue;
}

#match-headline,
#settings-headline {
  font-size:3rem;
  text-align: center;
  padding: 5px;
  margin-bottom: 2px;
  min-height: 32px;
}

#settings-headline {
  background-color: darkgray;
}

/*
button:disabled {
  opacity: 0.5;
}
button:enabled {
  opacity: 1;
}
*/
[disabled] {
  opacity: 0.5;
}
[enabled] {
  opacity: 1;
}

.nav_button {
  background-color: gray;
  color: aliceblue;
  width: auto;
/*  min-width:50px;*/
  padding:3px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 2.5rem;
  flex-shrink: 1;
  flex-grow: 0;
  flex-wrap: nowrap;
  flex-basis: 60px;
}


#undo {
  width: auto;
  background-color: gray;
  border-color: gray;
  color: aliceblue;
  font-weight: 600;
  font-size: 2.5rem;
  border-radius: 2rem;
  height: 6rem;
  border-style: none none outset outset;
}

#server-connection {
  font-size: 2rem;
  background-color: lightseagreen;
  border-color: lightseagreen;
  padding: 5px;
  margin: 0px;
  width: 22rem;
/*  min-width: 130px; */
  border-radius: 10px;
  border-style: none none outset outset;
}

#server-connection-info {
  font-size: 1.8rem;
  padding:0;
  margin: 0;
}


.point_box {
  display: flex;
  width:50%;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  padding-bottom: .5rem;
}

.serve {
  display: inline-flex;
  font-size: 2rem;
  font-weight: 600;
  justify-content: right;
  padding: 1rem;
  margin: 1rem;
  min-height: 2rem;
}

#serve-t1-name,
#serve-t2-name {
  align-self: center;
  font-size: 2.5rem;
  white-space: nowrap;
}

.serve-ball {
  background-color: cornflowerblue;
  opacity: 0.5;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  margin: 0px 2px;
  justify-content: right;
}

.scoring-pt-shell {
  align-items: center;
  margin: 3rem 3px;
}

.pt_button {
  display: table-cell;
  background-color:cornflowerblue;
  color: white;
  text-align: center;
  vertical-align: middle;
  align-self: center;
  margin: 5px;
}

.point_box h1 {
  padding:0;
  margin: 0px 3px;
  color:coral;
  font-size: 13rem;
  text-align: center;
  text-justify: center;
}

.point_box p {
  margin: .1rem .1rem;
  font-size: 3rem;
  text-align: center;
  text-justify: center;
}

#pt-t1-name,
#pt-t2-name {
  overflow:hidden;
  padding: 1rem;
  margin: 1rem;
}


.director {
  width: 100%;
}


#scoring {
  background-color:bisque;
  display: flex;
  align-content:space-around;
  justify-content: center;
}


#console {
  background-color:bisque;
}
#console ul {
  padding-top: 20px;
  margin-top: 0px;
}
#console li {
  list-style-type: none;
}
#console input {
  background-color:rgb(255, 227, 194, 0);
}
#console-update,
#console-reset {
  margin-bottom: 10px;
  margin-left: 10px;
}


.trans_box {
  display: flex;
  width:100%;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}

#transition,
#inquiry {
  text-align: center;
  background-color: rgba(190, 214, 55, 0.5);
}

#transition h2,
#inquiry h2 {
  font-size: 5rem;
  font-weight: 800;
  margin-bottom: 2rem;
}

#transition p,
#inquiry p {
  font-size: 3rem;
}

#inquiry-options-tbl {
  margin-top: 2rem;
  border-spacing: 1.5rem;
  table-layout: fixed;
  width: 90%;
}

#inquiry-options-tbl td {
  background-color: lightgray;
  font-size: 3.5rem;
  font-weight: 600;
  padding: 2rem;
  border-color: black;
  border-style:double;
  border-width: 0.3rem;
  border-radius: 2rem;
  /* min-width: 20rem; */
}


.match-info-title {
  background-color:darkgray;
  text-align: center;
  padding: 6px 6px;
  font-size: 3rem;
  font-weight: 800;
}

.match-detail {
  background-color:rgba(100, 149, 237, 0.25);
  border-top-style: solid;
}

.scoreboard-name {
  text-align: left;
  font-size: 3rem;
  font-weight: 600;
  padding: .3rem 1.5rem .3rem .3rem !important;
}

.scoreboard th {
  padding: 0rem 0.5rem;
  font-size: 3rem;
}

#scoreboard-tbl tr:first-child {
  background-color:rgba(100, 149, 237, 0.50);
}

#scoreboard-tbl th:nth-child(2),
#scoreboard-tbl td:nth-child(2) {
    text-align: left;
}

.scoreboard-ball-td {
  width: 4rem;
}

.scoreboard-ball {
  border-radius: 3rem;
  height: 4rem;
  width: 4rem;
  margin: .2rem;
}

/* 
#ball-t1a,
#ball-t1b,
#ball-t2a,
#ball-t2b {
    height: 4rem;
    margin: .2rem;

    border-radius: 3rem;
    font-size: 3rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
} */

#match-scoreboard  {
  width: 100%;
  height: 100%;
}

#scoreboard-tbl {
  width: 100%;
  max-height: 100%;
  border-collapse: collapse;
  overflow-y:hidden;
}

#scoreboard-tbl th:nth-child(n+2) {
  text-align: center;
}

#scoreboard-tbl th:nth-child(2), 
#scoreboard-tbl td:nth-child(2) {
  text-align: left;
}



.scoreboard-tb {
  vertical-align: top;
  padding: 0px 0px 2px 0px;
  margin-left: 0px;
  width: 20px;
  height: 20px;
  text-align: left;
  font-size: 2rem;
}

.scoreboard-s, .scoreboard-g {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 3.5rem;
}

.scoreboard-g {
  background-color: bisque;
}

/*
#match-score-tbl td:nth-child(1),th:nth-child(1) {
  text-align: right;
  padding-right: 10px;
}

#match-score-tbl td:nth-child(n+2),th:nth-child(n+2) {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
*/

#point-log {
  padding-bottom: 3rem;
}

#point-log-tbl {
  width:100%;
  border-collapse: collapse;
}

#point-log-tbl tr:first-child {
  background-color:rgba(100, 149, 237, 0.50);
  border-spacing: 0;
}


#point-log-tbl th,
#point-log-tbl td {
  text-align: center;
  border-spacing: 0;
  font-size: 2rem;
}

#point-log-tbl th:nth-child(2),
#point-log-tbl td:nth-child(2) {
  text-align: left;
}

#ball-changes {
  grid-area: ball-changes;
}

#ball-changes-div,
#ball-changes-edit-div {
  margin: 1rem;
  padding: 2rem;
  text-align: center;
  font-size: 3rem;
}
#ball-changes-edit-div select {
  font-size: 3rem;
}

#ball-changes-game-count {
  font-size: 4rem;
  padding: 1rem;
}

.ball-count-alert {
  background-color: salmon;
  font-weight: 800;
}

#player-hints {
  grid-area: player-hints;
}

#player-hints-tbl {
  margin: auto;
}

#quick-settings {
  grid-area: quick-settings;
}

#quick-settings-div,
#transfer-scoring-div,
#point-log-div {
  padding: 2rem;
  text-align: center;
}

#transfer-scoring-edit-div {
  align-content: center;
  text-align: center;
  margin-bottom: 8rem;
}

#transfer-scoring-edit-div h3 {
  margin-bottom: 8rem;
}

#transfer-scoring-edit-div p {
  padding: 2rem;
}

.quick-settings-button {
  font-size: 2rem;
  font-weight: 600;
  border-style: solid;
  border-radius: 2rem;
  border-width: .5rem;
  padding: 1rem;
  margin: 2rem 0rem;
  background-color: bisque;
}

#player-hints-div,
#quick-settings-edit-div {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 3rem;
}

#quick-settings-edit-tbl input[type=text] {
  font-size: 3rem;
  width: 5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#quick-settings-edit-tbl select {
  font-size: 3rem;
  min-width: 60px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#quick-settings-edit-locationcode {
  width: 8rem !important;
}

#quick-settings-edit-tbl input[type=radio] {
  font-size: 3rem;
  width: 3rem;
  height: 3rem;
  margin: 1.5rem 0rem 1.5rem 2rem;
}

#quick-settings-edit-tbl {
  border-collapse: collapse;
  margin: auto;
}

#quick-settings-edit-tbl th:first-child {
  text-align: right;
  padding-right: 1rem;
}

#transfer-scoring {
  grid-area: transfer-scoring;
}

.match-detail img {
  height: 4rem;
  width: 4rem;
  margin-right: 1rem;
  vertical-align: middle;
  position: absolute;
  left: 2rem;
}

.match-info-table td:first-child {
  text-align: right;
  font-weight: 600;
  padding-left: 3rem;
}

.hints-div {
  display: grid;
  margin: auto;
  width: 90%;
  text-align: left;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "descriptors colors items";
}


#hints-wrapper-div-1a {
  text-align: center;
  grid-area: hints-div-1a;
  border-bottom-style: solid;
  border-right-style: groove;
}
#hints-wrapper-div-1b {
  text-align: center;
  grid-area: hints-div-1b;
  border-bottom-style: solid;
}
#hints-wrapper-div-2a {
  text-align: center;
  grid-area: hints-div-2a;
  border-right-style: groove;
}
#hints-wrapper-div-2b {
  text-align: center;
  grid-area: hints-div-2b;
}



#player-hints-edit-div {
  margin: auto;
  display: grid;
  width: 100%;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  grid-template-areas: "hints-div-1a hints-div-1b"
                       "hints-div-2a hints-div-2b"
}


#player-hints-edit-div ul {
  margin-left: auto;
  margin-right: auto;
  margin-top: .5rem;
  list-style-type: none;
  padding-left: 0;
}

#player-hints-edit-div li {
  padding-top: 1rem;
}

#player-hints-edit-div label {
  font-size: 3rem;
}

#player-hints-edit-div input {
  height: 3rem;
  width: 3rem;
}

#player-hints-edit-div input:checked + label {
  color: red;
}


#home-container {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#scoring-container,
#settings-container {
  flex-shrink: 1;
  height: auto;
}

#settings-container h1 {
  font-size: 3rem;
  text-align: center;
}

#settings-nav {
  font-size: 2.5rem;
  background-color: darkgray;
  text-align: center;
  margin-bottom: 2px;
  height: 100%;
/*  min-height: 1000px; */
/*  min-height: 100vh; */
/*  height: 100vh; */
}


#settings-main {
  display: flex;
  height: 100%;
}

#settings-nav div {
  padding: 5px;
  margin: 2px 2px;
  opacity: 80%;
  font-weight: 600;
  border-style: none none outset outset;
  border-color: lightgray;
  border: 0px 0px 2px 2px;
  min-width: 100px;
  text-align: left;
}


#settings-content-pane {
  padding-left: 1rem;
  padding-right: 1rem;
/*  position: static;
  height: 100vh;
  min-height: 100vh; */
  overflow-y: scroll;
}

#settings-session-log div {
  margin-top: 5px;
  margin-left: 10px;
}

#settings-session-log p {
  font-size: 2rem;
  margin-right: 20px;
}

/* SETTINGS: MATCH */
#settings-match h3 {
  margin-bottom: 1rem;
}

#settings-match p {
  margin-top: 5px;
  font-size: 2.5rem;
  font-weight: 200;
}

#settings-match-token {
  font-size: 2.5rem;
  font-weight: 400;
}

#settings-match a {
    color:rgb(80, 79, 79);
    text-decoration: underline;
    font-weight: 400;
}

.local-matches-tbl {
  margin-top: 2rem;
}
#settings-match h4 {
  margin: 3rem 0rem 2rem 0rem;
}
.local-matches-tbl td {
  vertical-align: middle;
}

.local-matches-tbl td:nth-child(1) {
  width: 4rem;
  height: 4rem;
  background-color: grey;
  border-radius: 4rem;
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
}
.local-matches-tbl td:nth-child(1n+2) {
  text-align: left;
  font-size: 3rem;
}
.local-matches-tbl td:nth-child(2) {
  font-weight: 600;
  background-color: cornflowerblue;
  border-radius: 0.8rem;
  padding: 1rem;
}

/* SETTINGS: SESSION LOG */
#session-log-ul {
  list-style-type: none;
  padding-left: 5px;
}

#session-log-ul li {
  font-size: 2rem;
}


/* SETTINGS: EDIT TEAMS */
#edit-teams-tbl {
  text-align: left;
}

#edit-teams-tbl input {
  width: 14rem;
}

#teams-walkover {
  width: 35rem;
}

/* SETTINGS: EDIT SCORE */
#settings-score p {
  font-size: 2rem;
  margin-right: 20px;
}

#edit-score-ul {
  list-style-type: none;
  padding-left: 5px;
}

#edit-score-ul li {
  font-size: 2rem;
}


#edit-score-tbl td {
  vertical-align: top;
  padding: 0px 0px 2px 0px;
  margin-left: 0px;
}

.edit-team {
  text-align: right;
}

.edit-s1,
.edit-s2,
.edit-s3 {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 2.5rem;
}

.edit-s1tb,
.edit-s2tb,
.edit-s3tb {
  width: 20px;
  height: 20px;
  text-align: center;
}


.edit-g {
  width: 40px;
  height: 30px;
  text-align: center;
  font-size: 2.5rem;
}

#edit-score-name-t1a,
#edit-score-name-t1b,
#edit-score-name-t2a,
#edit-score-name-t2b {
  width: 80px;
}

#edit-score-g-t1,
#edit-score-g-t2 {
  width: 60px !important;
}

#edit-event-winnertomatch,
#edit-event-losertomatch {
    width: 6rem;
}

#edit-event-winnertoteam,
#edit-event-losertoteam {
    width: 4rem;
}


input[type=number] {
  width: 50px;
  height: 35px;
  font-size: 2rem;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
width: 25px;
height: 35px;
opacity: 1;
}


#settings-history table {
  font-size: 1.5rem;
}

#settings-history th {
  background-color: gray;
}

#settings-history td {
  text-align: left;
}

#settings-admin-server-matches th {
  text-align: left;
  font-size: 2rem;
}

#settings-admin-server-matches td {
  font-size: 2rem;
  height: 6rem;
}

#settings-admin-server-matches td:first-child {
  font-weight: 600;
  text-align: center;
  background-color: salmon;
  border-radius: 1rem;
  border-style: solid;
  border-width: 1px;
}

#settings-admin-server-matches td:nth-child(5) {
  text-align: center;
}


#admin-mode-toggle {
  font-size: 3rem;
  position:fixed;
  bottom: 3rem;
  right: 3rem;    
}


.list-item-removal {
  margin: 1rem;
  border-radius: 10px;
  font-size: 3rem;
  font-weight: 600;
  border-style: solid;
  background-color: lightgray;
}

.format-heading {
  text-align: center;
  background-color: bisque;
  font-size: 2.4rem;
  padding: .4rem;
  font-weight: 600;
}

.format-subheading {
  text-align: center;
  background-color: bisque;
  opacity: 0.7;
  font-size: 2rem;
  font-weight: 600;
  margin-top: 0rem;
}

.format-hr {
  color:cornflowerblue;
  margin-bottom: 0rem;
}

.format-tbl tr,
.format-tbl td,
.format-tbl p,
.format-tbl output {
  padding: 2px 2px;
  margin: 0px 2px;
  font-size: 2rem;
  vertical-align: middle;
}

.format-tbl input[type='range'] {
  width: 10rem;
}

.format-tbl select {
  width: 16rem;
}

.format-tbl td:first-child {
  text-align: right;
  width: 12rem;
  height: 4rem;
}


.format-tbl td:nth-child(3) {
  text-align: left;
}


#selection-container {
  text-align: center;
}

#selection-container table {
  margin-left: auto;
  margin-right: auto;
  border-spacing: 2rem;
  background-color: rgb(250, 128, 114, 0.5);
}

#selection-server-matches-clear-filter {
  font-size: 3rem;
}

#selection-server-events-div table td {
  padding: 1rem;
  background-color: bisque;
  border-style: solid;
  border-radius: .5rem;
  font-size: 3rem;
}

#selection-server-events-div table td:nth-child(2) {
  text-align: left;
  border-style: none;
}


@media screen and (orientation: portrait) {

  #settings-nav div {
      min-width: 60px;
  }

/*
  #edit-score-tbl input[type="range"] {
      appearance: slider-vertical;
      height: 50px;
  }

  .edit-score-row-label {
      transform:rotate(270deg);
  }
*/
}


@media only screen and (max-width: 600px) and (orientation: portrait) {
  html {
      font-size: 6px;
  }
  #player-hints-edit-div {
    width: 100%;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "hints-div-1a"
                         "hints-div-1b"
                         "hints-div-2a"
                         "hints-div-2b"
  }
  #hints-wrapper-div-1a {
    border-right-style: none;
  }
  #hints-wrapper-div-2a {
    border-right-style: none;
    border-bottom-style: solid;
  }
  #hints-wrapper-div-2b {
    border-bottom-style: solid;
  }
}

@media only screen and (min-width: 600px) and (orientation: portrait) {
  html {
      font-size: 7px;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
  html {
      font-size: 9px;
  }
}

@media only screen and (min-width: 992px) and (orientation: portrait) {
  html {
      font-size: 12px;
  }
}

@media only screen and (min-width: 1200px) and (orientation: portrait) {
  html {
      font-size: 16px;
  }
}


/* LANDSCAPE GROWTH */
@media only screen and (max-width: 600px) and (orientation: landscape) {
  html {
      font-size: 6px;
  }
}

@media only screen and (min-width: 600px) and (orientation: landscape) {
  html {
      font-size: 7px;
  }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
  html {
      font-size: 9px;
  }
}

@media only screen and (min-width: 992px) and (orientation: landscape) {
  html {
      font-size: 10px;
  }
}

@media only screen and (min-width: 1200px) and (orientation: landscape) {
  html {
      font-size: 11px;
  }
}

@media only screen and (min-width: 1500px) and (orientation: landscape) {
  html {
      font-size: 12px;
  }
}

@media only screen and (min-width: 1800px) and (orientation: landscape) {
  html {
      font-size: 13px;
  }
}

@media only screen and (min-width: 2100px) and (orientation: landscape) {
  html {
      font-size: 14px;
  }
}

@media only screen and (min-width: 2500px) and (orientation: landscape) {
  html {
      font-size: 15px;
  }
}

@media only screen and (min-width: 2800px) and (orientation: landscape) {
  html {
      font-size: 16px;
  }
}


@media only screen and (orientation: landscape) {

  #home-container {
    visibility: visible;
  }

  #selection-container {
    visibility: hidden;
  }

  #match-headline {
    visibility: hidden;
  }

  #settings-container {
    visibility: hidden;
  }
  
  #scoring-container {
    visibility: hidden;
    display: grid;
    width: 100%;
    grid-template-columns: 60% 40%;
    grid-template-rows: 30% 8% auto;
    grid-template-areas: "scoring match-score"
                         "scoring detail-headline"
                         "scoring point-log"
  }

  #scoring,
  #transition,
  #inquiry {
    grid-area: scoring;
    border-top-style: solid;
    border-right-style: solid;
  }
  #match-scoreboard {
    grid-area: match-score;
    border-top-style: solid;
  }

  #match-info-nav {
    grid-area: detail-headline;
  }

  #point-log {
    grid-area: point-log;
  }

  .pt_button {
    height: 20vh;
    width: 20vh;
    border-radius: 10vh;
    font-size: 5rem;
    font-weight: 600;
  }  

  #ball-t1a,
  #ball-t1b,
  #ball-t2a,
  #ball-t2b {
      border-radius: 1.5rem;
      font-size: 1.5rem;
      width: 2.5rem;
  }

  .scoreboard th {
    font-size: 2rem;
  }
  
  .scoreboard-name {
    font-size: 1.5rem;
  }
  
  .scoreboard-tb {
    font-size: 1.5rem;
  }
  
  .scoreboard-s, .scoreboard-g {
    font-size: 2rem;
  }

  .match-info-title {
    font-size: 2rem;
  }
  
  .nav_button {
    font-size: 2rem;
  }

  #quick-settings,
  #transfer-scoring,
  #player-hints {
    display: none;
  }
  

  #point-log-tbl th,
  #point-log-tbl td {
    font-size: 1.5rem;
  }
}



@media only screen and (orientation: portrait) {

  #home-container {
    visibility: hidden;
  }

  #match-headline {
    visibility: visible;
  }

  #selection-container {
    visibility: visible;
  }

  #settings-container {
    visibility: visible;
  }

  #scoring-container {
    visibility: visible;
    display: grid;
    height: auto;
    width: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "scoring"
                         "match-score"
                         "detail-headline"
                         "ball-changes"
                         "player-hints"
                         "quick-settings"
                         "transfer-scoring"
                         "point-log"
  }

  #scoring,
  #transition,
  #inquiry {
    grid-area: scoring;
  }
  #match-scoreboard {
    grid-area: match-score;
    border-top-style: solid;
  }

  #match-info-nav {
    grid-area: detail-headline;
  }

  #point-log {
    grid-area: point-log;
  }        

  
  .pt_button {
    height: 16vh;
    width: 16vh;
    border-radius: 8vh;
    font-size: 5rem;
    font-weight: 600;
  }  




  #point-log-tbl th,
  #point-log-tbl td {
    font-size: 2.5rem;
  }
}




/*
@import url("umpire-landscape.css") screen and (orientation: landscape);
@import url("umpire-portrait.css") screen and (orientation: portrait);

@media screen and (orientation: portrait) {
  @import url('./umpire-portrait.css');
}

@media screen and (orientation: landscape) {
  @import url('./umpire-landscape.css');
}
*/