/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700");

#base {
  /*  max-width: 500px;
  width: 90%;*/
  max-width: 640px;
  margin: 0 auto;
}

h1 {
  height: 50px;
  font-size: 24px;
  text-align: center;
  vertical-align: middle;
  background-color: blanchedalmond;
}

.ctrl {
  background-color: coral;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}

#btn1 {
  margin: auto;
}

.desc {
  background-color: beige;
  display: table;
  margin: 0 auto;
  table-layout: fixed;
}

.bluebox {
  margin: 5px;
  display: table-cell;
  vertical-align: middle;
  background-color: blue;
  width: 20px;
}
.yellowbox {
  margin: 5px;
  display: table-cell;
  vertical-align: middle;
  background-color: yellow;
  width: 20px;
}
.redbox {
  margin: 5px;
  display: table-cell;
  vertical-align: middle;
  background-color: red;
  width: 20px;
}
.commentbox {
  display: table-cell;
  vertical-align: middle;
  width: 90px;
  text-align: center;
  margin-right: 5px;
}

.score{
  text-align: center;
  font-size: 20px;
}