*{margin:0;padding:0;outline:0;font-size:1em;font-weight:normal;font-style:normal;border:0;text-decoration:none;list-style-type:none}

html, body {height: 100%}

body {
  background: #cbcbcb;
  font-family: arial;
}

#app {
  width: 100%;
  height: 100%;
}

.bckg {
  width: 100%;
  height: 100%;
  background: #6dac3a;
}

.timerRunning {
  background: #d99636;
}

.infobox {
  height: 70%;
}

.infobox h2 {
  font-size: 28px;
  text-align: center;
  padding: 40px 0 0 0;
}

.infobox h3 {
  font-size: 20px;
  text-align: center;
  padding: 20px 0 0 0;
}

.buttonbox {
  min-height: 200px;
}

.start {
  display: block;
  width: 60%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 40px;
  border: 2px solid #464646;
  font-size: 20px;
  background: #a0a0a0;
}

.stop {
  display: block;
  width: 60%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 40px;
  border: 3px solid #464646;
  font-size: 20px;
  background: #a0a0a0;
  color: red;
}