body {
  background-color: green;
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
  font-weight: normal;
  line-height: 1.2em;
  margin: 15px;
}

h1, p {
  color: black;
}
.badge {
  border: 2px solid yellow;
  border-radius: 4em;
  background: yellow;
  text-align: center;
  padding: 0.5em;
}
.name {
  color: black;
  font-size: 25pt;
}
.normal {
  width:30px;
  height:42px;
}
.over_head {
  width:30px;
  height:42px;
}
.left {
  display: block;
  width:42px;
  height:30px;
}
.right {
  display: block;
  width:42px;
  height:30px;
}
.box_normal {
  position: absolute;
  height: auto; width: auto;
  left: 302px; top: 688px;
}
.box_over_head {
  position: absolute;
  height: auto; width: auto;
  left: 302px; top: 190px;
}
.box_left {
  position: absolute;
  height: auto; width: auto;
  left: 260px; top: 190px;
}
.box_right {
  position: absolute;
  height: auto; width: auto;
  left: 842px; top: 190px;
}
.box_table {
  position: absolute;
  height: 452px; width: 536px;
  left: 302px; top: 232px;
  margin:2px;
}
#rotateDropDown {
  font-size: 12pt;
  margin-top: 20px;
}
button {
  font-size: 12pt;
  margin-top: 20px;
  margin-bottom: 20px;
}
input[type="text"] {
  font-size: 12pt;
  margin-top: 10pt;
  margin-bottom: 10pt;
  width: 12em;
}