h1 {
  font-family: Helvetica, Sans-serif;
  line-height: 26pt;
  color: white;
}

h2 {
  font-family: Helvetica, Sans-serif;
  line-height: 26pt;
  color: white;
}

h3 {
  font-family: Helvetica, Sans-serif;
  line-height: 26pt;
  color: white;
}

body {
  background: rgb(64,130,109);
  background: linear-gradient(90deg, rgba(64,130,109,1) 0%, rgba(130,212,186,1) 100%);
}

.counts {
  background: rgba(46,46,46,0.6);
  width: 100vw;
  height: 30vh;
  border-radius: 15px;
}

.btn {
  text-decoration: none;
  font-family: Helvetica, Sans-serif;
  line-height: 26pt;
  color: white;
  font-size: 1.5em;
}

.flex {
  display: flex;
}

.low-bright {
  font-family: Helvetica, Sans-serif;
  line-height: 4pt;
  width: 100vw;
  height: 30vh;
  color: #f5f5f5;
}

.hardest {
  font-family: Helvetica, Sans-serif;
  line-height: 4pt;
  color: white;
}

.currentboxinfo {
  background: rgba(46,46,46,0.65);
  width: 100vw;
  height: 30vh;
  border-radius: 15px;
}