/* General Styles */
body {
  background-color: #fc9;
  text-align: center;
  font-weight: 700;
  padding: 0;
  font-family: Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

div {
  display: block;
  text-align: center;
}

/* Panel Styling */
.panel.panel-info {
  border: 1px solid #3f51b5;
  width: 50%;
  margin: 0 auto;
}

@media only screen and (max-width: 770px) {
  .panel.panel-info {
    width: 70%;
  }
}

/* Table Styling */
table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

table,
th,
td {
  border: 1px solid #000;
}

thead {
  background-color: #ffc107;
  text-shadow: 1px 1px 2px rgba(154, 116, 0, 0.67);
}

tbody td {
  padding: 5px 0;
  font-size: 24px;
  font-weight: 700;
}

/* Text Styling */
h3 {
  font-size: 16px;
  color: #fff;
  text-shadow: none;
  margin: 0;
  padding: 5px;
}

.r {
  color: red;
}