html,
body {
  box-sizing: border-box;
  background: linear-gradient(to bottom, #fff 0%, #7bcac0 90%);
  overflow: hidden; /* disallow scrolling */
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.ts-timer {
  font-family: Helvetica, Arial, sans-serif;
  color: #282828;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  padding-top: 2%;
}

.ts-timer__time {
  font-size: 30vw;
}

.ts-timer__interval-name {
  font-size: 4vw;
}

.ts-timer__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.logo--botb {
  width: 60%;
  height: auto;
}

.logo--touchstone {
  width: 60%;
  height: auto;
}