html, body {
  height: 100%
}

body {
  /* padding: 50px; */
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: #47BAEA;
}

a {
  color: #00B7FF;
}

.durationLeft {
  font-family: 'Seven Segment', sans-serif;
  font-weight: bold;
  height: 100%;
  font-size: 50vh;
  
}

.score {
  font-family: 'Seven Segment', sans-serif;
  font-weight: bold;
  font-size: 50vh
}

.teamName {
  font-size: 10vh
}

@media ( min-width: 768px ) {
  .box-time {
    height:25%
  }

  .durationLeft {
    font-size: 18vh
  }

  .box-etc {
    height: 75%
  }
}

@media ( min-width: 992px ) {
  .box-time {
    height:50%
  }

  .durationLeft {
    font-size: 48vh
  }

  .box-etc {
    height: 50%
  }
}