/* (A) WHOLE PAGE */
* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}
body { padding: 20px; }

/* (B) ADMIN - SCORE FORM */
#sForm {
  background: #f7f7f7;
  border: 1px solid #dfdfdf;
  padding: 20px;
}
#sForm label, #sForm input {
  display: block;
  width: 100%;
  padding: 10px;
}
#sForm label { padding: 10px 0; }
#sForm input {
  padding: 10px;
  border: 1px solid #d7d7d7;
}
#sForm input[type=submit] {
  margin-top: 20px;
  border: 0;
  color: #fff;
  background: #647dd8;
  cursor: pointer;
}
#sNote {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ffc7c7;
  background: #ffebeb;
}

/* (C) ADMIN - SCORE HISTORY */
#sWrap { margin-top: 20px; }
.sRow {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  background: #f7f7f7;
  border: 1px solid #dfdfdf;
}
.sGrow { flex-grow: 1; }
.sTime { font-weight: 700; }
.sComment { 
  padding-top: 5px;
  color: #686868;
}
.sPoints { 
  font-weight: 700;
}
.sHome { color: red; }
.sAway { color: blue; }

/* (D) BIG SCOREBOARD */
#bWrap {
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#bTime {
  padding: 10px 0;
  font-size: 20px;
  background: #323232;
}
#bTime, #bBoard {
  width: 300px;
  text-align: center;
  color: #fff;
}
#bBoard {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#bHome, #bAway {
  font-size: 60px;
  padding: 20px 0;
}
#bHome, #bHomeT, #bAway, #bAwayT {
  padding: 10px 0;
}
#bHome { background: #0b0558; }
#bHomeT { background: #221d64; }
#bAway { background: #580505; }
#bAwayT { background: #932828; }
#bHistory {
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
}