body {
  font-family: "Times New Roman", Times, serif; }

a {
  color: #666; }

footer.container {
  text-align: center;
  position: absolute;
  bottom: 0px;
  width: 100%; }

#title header h1 {
  border-bottom: 2px ridge #eee;
  margin-bottom: 0; }
#title header h1,
#title header h5 {
  text-indent: 10px; }
#title main {
  text-align: center;
  font-size: 1.5em;
  margin-top: 10%;
  margin-bottom: 10%; }
  #title main .row {
    margin-bottom: 4%; }

.sm-header, #leaderboard header, #game header {
  margin-top: 20px;
  border-bottom: 2px ridge #eee; }
  .sm-header h1, #leaderboard header h1, #game header h1 {
    margin-bottom: 0;
    font-size: 2em; }
    .sm-header h1 a, #leaderboard header h1 a, #game header h1 a {
      color: #000;
      text-decoration: none; }

#leaderboard main {
  margin: 20px auto; }
  #leaderboard main h4 {
    text-align: center; }
  #leaderboard main table {
    margin: 20px auto; }
    #leaderboard main table th, #leaderboard main table td {
      width: 80px;
      padding: 4px;
      text-align: center;
      border-right: 2px groove #eee;
      border-bottom: 0; }
    #leaderboard main table > tbody > tr:first-child {
      font-size: 1.2em;
      font-weight: bold; }
    #leaderboard main table > thead > tr > th:last-child, #leaderboard main table > tbody > tr > td:last-child {
      border-right-width: 0; }
    #leaderboard main table > tbody > tr:nth-child(odd) {
      background-color: #ddd; }

#game main {
  margin: 0 auto;
  padding: 10px;
  max-width: 420px; }
  #game main h5 {
    font-style: italic; }
  #game main p {
    font-size: 1.2em;
    line-height: 1.4;
    color: #666; }
  #game main #messages {
    height: 150px;
    overflow-y: auto; }
    #game main #messages p {
      color: #333; }
  #game main #menu {
    margin-top: 14px; }
    #game main #menu a {
      margin-bottom: 0;
      margin-right: 10px; }
      #game main #menu a.u-pull-right {
        margin-right: 0; }